Skip to content

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

@VilleToyme

Description

@VilleToyme

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    state/awaiting-investigationAnything which needs more investigationstate/awaiting-triageAny issues or pull requests which haven't yet been triagedtype/bugAny issue which is a bug or PR which fixes a bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions