plate icon indicating copy to clipboard operation
plate copied to clipboard
verified publisher icon udecode

Z-Index of the navbar is too much.

Open hanzlah101 opened this issue 1 year ago • 3 comments

Description

z-index of the navbar is too much. Every popover or dropdown just hides under it. Kindly fix this real quick.

Screenshot 2024-06-14 at 12 06 21 AM Screenshot 2024-06-14 at 12 07 48 AM

Reproduction URL

No response

Reproduction steps

Quick fix just adjust the z-index

Plate version

34.0.0

Slate React version

idk

Screenshots

No response

Logs

No response

Browsers

No response

Funding

  • You can sponsor this specific effort via a Polar.sh pledge below
  • We receive the pledge once the issue is completed & verified
Fund with Polar

hanzlah101 avatar Jun 13 '24 19:06 hanzlah101

One thing I do to prevent this from happening in my app is keep a comment in my main CSS file with the complete list of z-indices I'm using. Maybe we could adopt a similar pattern here.

/**
 * Z-index:
 *  5 - Focus ring
 * 10 - Fixed layout
 * 15 - Find dialog
 * 20 - Tippy
 * 30 - Modals
 * 40 - Tippy inside modal
 * 50 - Toasts
 */

12joan avatar Jun 13 '24 19:06 12joan

Using css variables would be practical indeed.

zbeyens avatar Jun 13 '24 23:06 zbeyens

60 is indeed too much. image

yf-yang avatar Jun 30 '24 13:06 yf-yang