Open Anastasiia-Boleiko opened 2 months ago
cc @SkyeSeitz @ashetland - there is a good bit of overlap here with the existing Menu functionality - we've talked about adding scale and making UI improvements to that component - that work might benefit from some of the above proposed UI.
We also were considering Calcite Menu component at some point. However, in our case, we have distinct reasons for differentiating the menus from the Navigation header and floating context menus.
One crucial factor is the size, scale, box shadow (styling) of the list, which could be long and result in a significantly increased height of the dropdown overlay. This could lead to the need for scrolling or partial cut of the list within the 3D scene "viewport". Additionally, the look and feel of menus and its submenus may not match our floating bar, which has a box-shadow effect.
So, in our case, the Dropdown component visually aligns with the styling we desire, and we would use it extensively, especially when it includes submenus. 😊
But in case, the Menu component will have scales, and look and feel which is close to Dropdown (rounded corners, box-shadow, etc.), this would be a very good alternative for us 😊
Definitely understand! I think the mentioned UI improvements would actually bring Menu more in-line with what you'd expect from Dropdown (while also having scale) - if we can improve that component it might be a clearer story.
Re: priority - there are two listed - Can you clarify if it is p1 or p3 from your side? p1 is unlikely for an issue of this scope + design work.
@macandcheese Thanks a lot for the clarification 👍 For our team this is p1 priority 😊 We would like to use such a component in the upcoming release.
Check existing issues
Description
Dropdowns have the functionality to display submenus.
Acceptance Criteria
Dropdowns have the functionality to display submenus.
Relevant Info
Goal example:
Ideas:
1.
slot="submenu-item"
andtext
property2.
display-mode="open-list | submenu"
, whereopen-list
- is a default, how the group is displayed now. It seems to be non breaking change 😊3. New
calcite-dropdown-submenu
child item, inheritscalcite-dropdown-group
properties (ex.: selection)It seems to be non breaking change 😊
Which Component
Calcite Dropdown
Example Use Case
Different menus with submenus opened from the floating toolbars.
Priority impact
impact - p1 - need for current milestone
Calcite package
Esri team
ArcGIS Urban