bitplatform icon indicating copy to clipboard operation
bitplatform copied to clipboard
verified publisher icon bitfoundation

The suggested list items cover the input field in `BitSearchBox` on iPhone

Open Md23Mh opened this issue 7 months ago • 2 comments

When typing inside the input field in the BitSearchBox, the suggested list covers the input. This is tested on iPhone 16 Safari.

https://github.com/user-attachments/assets/655c476a-5ca9-43c5-b158-3ff40182ce33

Md23Mh avatar Jul 13 '25 15:07 Md23Mh

Thanks for contacting us. We're investigating this issue. We'll let you know if it's possible to work on this issue.

msynk avatar Jul 15 '25 12:07 msynk

After conducting an investigation, we were unable to find a suitable solution to resolve this issue. This problem occurs because of the specific scroll-up feature of iOS that interferes with the callout position calculation of our component. We might be able to put a very basic workaround to adjust the position if the device is an Apple product, but eventually, we concluded that the main solution should be adding a new feature (Responsive) that on small screens renders the suggested-items mode in a way that does not have any conflicts with how small devices handle user interactions (like a full-screen render of the suggested items callout). For example, the Google search input looks like this on small screens when focused:

Image

msynk avatar Jul 22 '25 08:07 msynk