Repository navigation
Click-through blur effect when gallery images have a caption. #69061
Description
What problem does this address?
When gallery images have a caption there is a blur effect added to the <figure> tag using the pseudo class :before. This effect is not click-through and prevents clicking on the image link. Particularly noticeable with taller the images.
What is your proposed solution?
In packages/block-library/src/gallery/style.scss, line 61, add:
pointer-events: noneNot a huge issue, I just add this to my own CSS styling.
Activity
Rishit30G commentedon Feb 6, 2025
Thanks for sharing the issue,
I was able to reproduce the issue successfully, I think on adding
cursor: pointerafterpointer-events: noneshould help us resolve this issue:Also I think that the
max-heightcan be decreased andbackdrop-filtercan be increased for a better result, but that's subjective, so maintainers can share their take on this one 🙇🏻410287461-525504b0-2261-4ed8-a3ca-4dc355138807_C1RmZewk.mov
410286845-66e084ae-0fe2-4f77-bb02-83f3fa23ba27_7kEatini.mov
PS: Sorry for the bad screen recording, my laptop's screen recorder wasn't able to show the
cursor: pointerbehaviour so had to rely on phone for recording 😓