Closed
Bug 1649060
Opened 4 years ago
Closed 4 years ago
z-index is working when it should not (?)
Categories
(Core :: Layout: Positioned, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 1256980
Webcompat Priority | ? |
People
(Reporter: karlcow, Unassigned)
References
()
Details
Attachments
(1 file)
89.05 KB,
image/png
|
Details |
So this is a funny issue.
steps to reproduce:
- With Firefox Fenix on Android or Firefox Nightly with RDM, firefox UA
- Go to https://www.doutor.co.jp/excelsiorcaffe/
- on the top right, tap on the 3 bars menu (the first time you might have to get rid of a modal)
- Tap on MENU (it expands)
- Tap on Seasonal
Expected:
Be redirected to this section of the site
Actual:
The tap is ineffective
The CSS for this item is
.header-localNav-li {
margin-top: 10px;
list-style: none;
z-index: -1;
}
and the html
<li class="header-localNav-li"
style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
<a href="/excelsiorcaffe/menu/#seasonal"
rel="scroll" class="header-localNav-a">Seasonal</a></li>
The devtools are saying that it has no effect (see screenshot)
Computed value says z-index: -1
and position: static
but if you uncheck the box for z-index
, it switches to z-index: auto
and the menu is working.
so something is still not right. Removing the transform only doesn't solve the issue.
we could probably contact the website to tell them to remove z-index
Reporter | ||
Comment 1•4 years ago
|
||
btw this is happening on desktop too with a narrow window.
Updated•4 years ago
|
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE
Updated•4 years ago
|
status-firefox80:
--- → fixed
You need to log in
before you can comment on or make changes to this bug.
Description
•