Floating Dropdowns in Embedded Demos

Issue

When viewing your embedded demo, a dropdown may appear to “float” or remain fixed in place instead of resizing with the rest of the screen.

Cause

This happens when the screen was captured as a modal screen. In that case, the dropdown was captured as an HTML element, while the rest of the screen is stored as an image. Because the dropdown isn’t anchored to other elements, it doesn’t reposition itself when the screen resizes.

Solution

Recapture the screen and treat the dropdown as an object rather than as part of a modal.

  1. Recapture the affected screen.

  2. Add the dropdown as an object on top of the new screen.

  3. Save and republish.

The dropdown will now remain correctly positioned as the screen resizes in your embedded demo.


Was this article helpful?
0 out of 0 found this helpful
Have more questions?
Submit a request
Share it, if you like it.