This repository has been archived by the owner on Jan 24, 2025. It is now read-only.
V2: Menu icon in mobile view gets covered by other absolute components ☰ #1112
Labels
Comments
rakannimer
pushed a commit
that referenced
this issue
Oct 1, 2019
* feat: move menu icon to header * feat: tweaks for chevron
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
The three bar menu icon (☰) in mobile view of
gatsby-theme-doczhas an initialz-indexvalue and thus can be covered easily/accidentally by any other following absolute/fixed positioned sibling.This can be guarded by using an (arbitrary) higher index - even though any developer could choose a higher value of course.
Alternatively, moving the button out of the main container (e.g. to the header) can bring it into another stacking context so it can never be overlaid by children of main.
What do you think?
The text was updated successfully, but these errors were encountered: