Calcite Block header menu actions causes overflow in Panel/Flow Item

140
0
4 weeks ago
Labels (1)
average_geo_97
New Contributor II

I'd like to report a visual bug when using Calcite Block with header menu actions. I believe this is an issue with Calcite Action Menu in general.

The Calcite Action Menu (which is used by Calcite block) is designed such that the popover is always present in the DOM, just hidden, and becomes visible when the trigger action is clicked. 

However, before becoming active, the popover has a default position to the right of the trigger action. It is only repositioned when the action menu becomes active.

If the Calcite block is placed within a calcite panel or calcite flow item (which uses a panel internally), the content-wrapper div in calcite panel has overflow: auto, thus resulting in this horizontal scrollbar, which disappears once you click on the action menu (since the popover repositions and there is no more overflow).

This bug is visible even on the Calcite Block documentation page: Block | Calcite Design System | ArcGIS Developers as seen below. The horizontal scrollbar disappears once you click on the action menu.

average_geo_97_0-1713943685594.png

Would appreciate if this could be fixed ASAP! The content-wrapper class which has overflow:auto set is within the shadow DOM and thus is quite difficult to customize ourselves.

0 Kudos
0 Replies