1727950 - Form controls can move on top of other elements when they're autofilled

Status: RESOLVED DUPLICATE of bug 1687682

(Core :: Layout: Form Controls, defect)

Description

[Julien Wajsberg [:julienw]]

STR:

1. Go to https://montrougeplongee.com/
2. Hover on menus at the top, notice that they properly go on top of the login inputs. [OK]
3. Enter some login so that you can save them in Firefox.
4. Reload the page so that the login is autofill.
5. Hover on menus at the top

=> see that the autofilled inputs are rendered on top of the menus. [KO]

It would be useful to check this on other platforms than Linux. Also this happens for me for quite some time, but I thought this was an issue on the website, until I found out that this wouldn't happen for non-autofilled inputs, that's why I'm filing this only now.

Comment 1

[Julien Wajsberg [:julienw]]

Attachment: problem

Comment 2

[Julien Wajsberg [:julienw]]

Attachment: no problem when they're not autofilled

Comment 3

[Hiroyuki Ikezoe (:hiro)]

This is because we use filter property for :autofill and it creates a stacking context. We probably will figure out a way to use other properties which will not create any stacking context.

Setting S2 since this is causing unreadable contents.

Comment 4

[Daniel Holbert [:dholbert]]

We could conceivably just change the background-color and text color here, but we might need some UX input to rethink how this should look.

Comment 5

[Emilio Cobos Álvarez [:emilio]]

Bug 1687682 will fix this.