Esri / calcite-design-system

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

Calcite Block header-menu-actions popover style/direction control #7516

Closed RSantosGIS closed 1 month ago

RSantosGIS commented 1 year ago

Check existing issues

Description

I would like to have the same options for positioning the Block header-menu-actions overflow popover/dropdown menu that I do for the Calcite Dropdown

You can see how this doesn't feel great below:

Collapsed Behavior: image

Expanded Behavior: image

Desired Behavior (achieved with a Calcite list item under the block using a dropdown, since our sublayers don't need to be expanded further): image

Acceptance Criteria

Block header-menu-actions has same placement options as dropdown

Relevant Info

No response

Which Component

Calcite Block

Example Use Case

No response

Priority impact

p3 - want for upcoming milestone

Calcite package

Esri team

ArcGIS Knowledge

jcfranco commented 1 year ago

Thanks for submitting this.

Could you clarify which component you're using in your screenshots? Block doesn't have a menu.

RSantosGIS commented 1 year ago

Just Calcite Block with Calcite actions that are in the blocks header-menu-actions slot:

image

geospatialem commented 5 months ago

Spike needed to determine which components should accommodate placement, such as block, panel, action-group, etc.

driskull commented 2 months ago

Seems like we should just add placement and flipPlacements properties to all three of these components.

github-actions[bot] commented 1 month ago

Installed and assigned for verification.

DitwanP commented 1 month ago

🍭 Verified locally on dev

One example below, menuPlacement: bottom & menuFlipPlacements: ["left"]

https://github.com/user-attachments/assets/1d5c0db4-5bc0-4d59-b64a-f43b4dabdbe1