Skip to content

CSS :hover pseudo-class not working with nested links and pointer-events: none; This issue affects how hover effects are rendered on links nested inside elements that have the CSS property `pointer-events: none;` set.

Notifications You must be signed in to change notification settings

Bug-Hunter-X/CSS--hover-Issue-with-Nested-Links-and-pointer-events--none-0s05d

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

CSS :hover Issue with Nested Links and pointer-events: none;

This repository demonstrates a common CSS issue where the :hover pseudo-class behaves unexpectedly when applied to links nested within elements that have pointer-events: none; set. This can lead to hover effects not being triggered correctly, impacting user experience.

The bug.css file contains the problematic CSS, while bugSolution.css provides a solution using the pointer-events: auto; property on the nested link.

About

CSS :hover pseudo-class not working with nested links and pointer-events: none; This issue affects how hover effects are rendered on links nested inside elements that have the CSS property `pointer-events: none;` set.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages