Closed Bug 1649060 Opened 4 years ago Closed 4 years ago

z-index is working when it should not (?)

Categories

(Core :: Layout: Positioned, defect)

77 Branch
Unspecified
Android
defect

Tracking

()

RESOLVED DUPLICATE of bug 1256980
Webcompat Priority ?
Tracking Status
firefox79 --- wontfix
firefox80 --- fixed

People

(Reporter: karlcow, Unassigned)

References

()

Details

Attachments

(1 file)

Attached image devtools on z-index

So this is a funny issue.

steps to reproduce:

  1. With Firefox Fenix on Android or Firefox Nightly with RDM, firefox UA
  2. Go to https://www.doutor.co.jp/excelsiorcaffe/
  3. on the top right, tap on the 3 bars menu (the first time you might have to get rid of a modal)
  4. Tap on MENU (it expands)
  5. 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

btw this is happening on desktop too with a narrow window.

Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: