Esri / calcite-design-system

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

Shell action bar expand tooltip displays behind shell center row #5927

Closed mpayson closed 1 year ago

mpayson commented 1 year ago

Actual Behavior

The expand-tooltip slot for the primary action bar in calcite shell displays the tooltip behind the shell center row when the center row is visible

Expected Behavior

The tooltip is displayed in front of the center row

Reproduction Sample

https://codepen.io/mpayson/pen/eYKxWrz

Reproduction Steps

  1. Hover over the 'Expand' button in the bottom left
  2. See that the tooltip displays underneath the maroon center row

Reproduction Version

beta.98

Relevant Info

Happens in both Firefox and Chrome

Regression?

No response

Impact

No response

Esri team

ArcGIS Online

driskull commented 1 year ago

@macandcheese @jcfranco should the side panels be a higher zindex than the center ones?

driskull commented 1 year ago

@macandcheese @ashetland I need some advice on which shell panels should be higher z-index. Should we have the side panels always appear over the inner panels? Or do we need to have some sort of CSS var or property to allow users to set z-indexing?

macandcheese commented 1 year ago

I'd agree that side panels should appear over inner panels by default. That said, if there's a way to allow it to be overridden with css variable or other tactic, that's a good option to provide.

github-actions[bot] commented 1 year ago

Installed and assigned for verification.

geospatialem commented 1 year ago

Verified on v1.3.0-next.12 in Chrome and Firefox.

expand tooltip verified