Skip to content
This repository has been archived by the owner on Mar 11, 2024. It is now read-only.

Fix element overlap for nav module #42

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

devdanio
Copy link

@devdanio devdanio commented Apr 27, 2023

Root nav elements with drop downs prevent the next siblings root nav element from being clickable. That is because the drop down elements are rendered on top of the root nav element, despite not being visible on screen. Here's what it looks like when there is no overflow:hidden. I can only click on "Blog" by hovering over the "Bl", otherwise, I would be clicking on the hidden drop down nav menu.

image

Root nav elements with drop downs prevent the next siblings root nav element from being clickable.  That is because the drop down elements are rendered on top of the root nav element, despite not being visible on screen.  Here's what it looks like when there is no `overflow:hidden`
@netlify
Copy link

netlify bot commented Apr 27, 2023

👷 Deploy request for barcadia pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 0f1b9e2

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant