Skip to main content

Why does the Dropdown element appear twice on Firefox for Android?

Learn why tapping a Dropdown element in a Bubble app on Firefox for Android shows two menus, and how to work around it.

Written by Sofia Maconi
Updated over a week ago

When you tap a Dropdown element in a Bubble app using Firefox for Android, the browser renders two identical dropdown menus. This is caused by how Firefox for Android handles native HTML dropdown interactions — since Bubble's Dropdown element relies on the browser's native component, its behavior can vary across browsers.

What you might notice

  • Tapping a Dropdown on Firefox for Android shows two identical menus

  • Selecting from the first menu correctly updates the Dropdown's value

  • The second menu appears alongside the first but doesn't control the value

  • This only happens on Firefox for Android — other browsers aren't affected

Workaround

Select your option from the first dropdown menu that appears. It will correctly update the Dropdown's value, even though the duplicate menu is visible at the same time.

Status

We're aware of this behavior. Addressing it would require browser-specific changes to how Dropdown elements are rendered, which we're not currently prioritizing given that it's isolated to Firefox for Android. We'll revisit if it becomes more widespread.

Did this answer your question?