UX limitations with dropdowns in embedded forms

Bug Reports
1

Hi, I’m reporting UX limitations related to dropdown fields when forms are embedded via iframe.

So far as I know, this is not a misuse of embed. The form is embedded as a standalone element (not a full-width section) and placed inside an existing page layout. This is a common and expected use case.

Observed issues

  1. When the iframe width drops below a certain threshold, the dropdown switches to the mobile version even on desktop devices.

  2. On mobile, multiselect dropdowns inside embedded forms become unusable when the option list exceeds the iframe height. Scrolling is blocked, making it impossible to access all options.

Context

Since the form is rendered inside an iframe, dropdowns cannot escape the container. This makes custom dropdown implementations fragile in constrained embed layouts.

Suggested improvements

  • For embedded forms, base desktop vs mobile dropdown behavior on actual device / viewport rather than iframe width

  • Use native select / multiselect as a fallback for embedded forms

  • Optionally provide an embed-specific setting to control dropdown behavior

These changes would improve usability and reliability for embedded forms in real-world layouts.

Best regards

2

Thanks for your message. Please stand by while our team looks into this.

3

Just heard back.

This is a known issue with iframes that we’re working to get past and are making some improvements in the background, but unfortunately, we don’t have a solution for you at the moment.