Opened 5 weeks ago
Last modified 5 weeks ago
#8299 new defect (bug)
Plugin Directory: Screenshot trigger icon overlaps the main menu
| Reported by: | alanjacobmathew | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | |
| Component: | Plugin Directory | Keywords: | has-screenshots has-patch |
| Cc: |
Description
The screenshot lightbox-trigger overlaps fixed menu on scroll.
Steps to reproduce
1) Scroll down to the screenshots area.
2) Hover on the screenshot
3) Observe the lightbox trigger icon overlapping the menu
Expected Behavior
The menu should always remain on top of the page content. The lightbox trigger icon should pass beneath the menu.
Attachments (1)
Change History (3)
This ticket was mentioned in PR #691 on WordPress/wordpress.org by @alanjacobmathew.
5 weeks ago
#1
- Keywords has-patch added
#2
@
5 weeks ago
Test Report :
I tested the patch that was attached to see if it would fix the problem with the screenshot lightbox trigger icon overlapping the menu when you scroll down.
Test Environment:
- Version: I used the version of the Plugin Directory with the patch applied this was for testing in June 2026
- Browser: I used Google Chrome it was the latest stable version
- OS: My operating system was Linux
Steps to Verify:
- Open the Plugin Directory page
- Scroll down to the part where it says Screenshots
- Put your mouse over any screenshot to make the lightbox icon appear
- Scroll the page the top navigation menu will stay visible
- See how the different parts of the page are layered on top of each
Actual Result:
The lightbox trigger icon for the screenshot does not overlap the main menu anymore. The header stays on top of everything on the page.
Expected Result:
The top menu should always be on top of everything and the lightbox trigger for the screenshot should be below it.
Refer Below Iamges :
Before Patch : https://postimg.cc/14vFdq4m
After Patch : https://postimg.cc/R316L32c
Reproducibility: I was able to repeat this 100 percent of the time I tried it times.
The patch is working like it should. The problem with the z-index stacking has been fixed successfully. The patch, for the screenshot lightbox trigger icon is working as expected.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)
This PR fixes a visual bug where the screenshot lightbox trigger icon was overlapping the menu, on hovering the screenshot.
## Fix
Added a z-index value for the trigger-icon, to override the inherited value.
## Screenshots

Before:
After:
## Refs
Closes: https://meta.trac.wordpress.org/ticket/8299