search

Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System
https://developers.arcgis.com/calcite-design-system/
Other
295 stars 76 forks source link

Dropdown does not appear with certain circumstances #10711

Open sam11927 opened 2 weeks ago

sam11927 commented 2 weeks ago

Check existing issues

Actual Behavior

Dropdowns in a panel with certain container elements will disappear alongside the action if you try to open it. This is a problem because we need to be able to make the dropdown appear in front of other elements and even other panels but instead this makes everything disappear :(

Expected Behavior

Dropdown and action should not disappear and should be able to appear in front of other panels.

Reproduction Sample

https://codepen.io/sam11927/pen/BaEbOgw?editors=1011

Reproduction Steps

click the dropdown once

Reproduction Version

2.13

Relevant Info

No response

Regression?

No response

Priority impact

impact - p1 - need for current milestone

Impact

We want this for the current R03 release--but is tagged as low priority in our release.

Calcite package

Esri team

ArcGIS Map Viewer

macandcheese commented 2 weeks ago

Could you try overlay-positioning="fixed" on the Dropdown to workaround this? https://codepen.io/mac_and_cheese/pen/abeRMvr?editors=1011

sam11927 commented 2 weeks ago

Unfortunately I don't see changing the overlay-positioning to either of the two options fixing this issue

macandcheese commented 2 weeks ago

It’s possible there are other conflicting containers - could you share a link to the implementation (on Teams) when you get a chance? Thanks

macandcheese commented 2 weeks ago

More context Screenshot 2024-11-12 at 10 06 22 AM Screenshot 2024-11-12 at 10 07 13 AM

macandcheese commented 2 weeks ago

Follow up from triage @jcfranco @geospatialem @driskull - We could maybe add flipPlacement here like other Floating UI components - which might allow some better fallbacks here.