Skip to content

[Dropdown] Can't scroll dropdown items in certain situations with virtual keyboard open #3189

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
VilleToyme opened this issue Mar 4, 2025 · 1 comment
Labels
state/awaiting-investigation Anything which needs more investigation state/awaiting-triage Any issues or pull requests which haven't yet been triaged type/bug Any issue which is a bug or PR which fixes a bug

Comments

@VilleToyme
Copy link

Bug Report

With chromium based android browsers, when opening searchable dropdown, in certain situations you cannot scroll the items until the virtual keyboard is closed. Instead of scrolling the item list, you scroll the entire page. Seems to be happening only when opening of the virtual keyboard moves the scrolled position.

Can't reproduce on firefox. Might have something to do with the VirtualKeyboard API (which isn't supported by firefox). Opting out of the automatic virtual keyboard behaviour of the browser with navigator.virtualKeyboard.overlaysContent = true seems to prevent the bug from happening.

Steps to reproduce

Can be reproduced on fomantic's homepage e.g https://fomantic-ui.com/modules/dropdown.html#search-ignoring-diacritics with android chrome browser.

  1. Scroll the page so that the dropdown is positioned in the lower part of the screen.
  2. Click the dropdown open -> this prompts the virtual keyboard to open which reduces the viewport height and adjusts the scroll position to center on the dropdown.
  3. Now try to scroll the opened item list.

Expected result

You scroll the item list

Actual result

Instead of scrolling the item list, the entire page is scrolled

Screenshot (if possible)

Image

Version

Fomantic 2.9.3
Google Chrome 133.0.6943.137

@VilleToyme VilleToyme added state/awaiting-investigation Anything which needs more investigation state/awaiting-triage Any issues or pull requests which haven't yet been triaged type/bug Any issue which is a bug or PR which fixes a bug labels Mar 4, 2025
@VilleToyme VilleToyme changed the title [Dropdown] Can't scroll items if [Dropdown] Can't scroll dropdown items in certain situations with virtual keyboard open Mar 4, 2025
@VilleToyme
Copy link
Author

Does no one have any ideas how to fix this? I'm guessing this has something to do with dropdown falsely determining that the dropdown is not in view so the scrolling affects the whole page and not the dropdown menu. Fomantic dropdown has setting keepOnScreen that might be related to this, but I don't think it does anything.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
state/awaiting-investigation Anything which needs more investigation state/awaiting-triage Any issues or pull requests which haven't yet been triaged type/bug Any issue which is a bug or PR which fixes a bug
Projects
None yet
Development

No branches or pull requests

1 participant