1326900 - Placeholder is displayed above caret in <input> fields, so it may be partially invisible

Status: NEW

(Core :: Layout: Form Controls, defect)

Description

[arni2033]

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160526082509
STR_1:
1. Enable developer edition theme
2. Click in searchbar (or empty urlbar)

AR:  There's a dot on the text caret. I.e. placeholder inside the input is displayed "above" the caret
ER:  No black dots in caret (!). Placeholder should be drawn below the caret


STR_2:
1. Open url [1]
2. Click in input

AR:  Only the top part of caret is visible
ER:  The whole caret should be visible


Note:
 For those how doesn't have perfect vision (no irony, the bug may be hard to sport on url [1]):
 Url [2] is designed (specific colors were set to caret and placeholder) to prove the bug on Firefox.
 Url [3] is designed to prove that there's no bug on GoogleChrome.

> [1] data:text/html;charset=utf8,<input placeholder="-"><style> ::-webkit-input-placeholder {color:gray;opacity:1;} ::-moz-placeholder{color:gray;opacity:1;} ::-ms-placeholder{color:gray;opacity:1;} ::placeholder{color:gray;opacity:1;} *{color:black;background:white}
> [2] Firefox: there's bug      data:text/html;charset=utf8,<input placeholder="-"><style> :root{--placeholder-color:white;--caret-color:black;--background-color:white;} ::-webkit-input-placeholder {color:var(--placeholder-color);opacity:1;} ::-moz-placeholder{color:var(--placeholder-color);opacity:1;} ::-ms-placeholder{color:var(--placeholder-color);opacity:1;} ::placeholder{color:var(--placeholder-color);opacity:1;} *{color:var(--caret-color);background:var(--background-color);}
> [3] Chrome: there's no bug    data:text/html;charset=utf8,<input placeholder="-"><style> :root{--placeholder-color:white;--caret-color:black;--background-color:black;} ::-webkit-input-placeholder {color:var(--placeholder-color);opacity:1;} ::-moz-placeholder{color:var(--placeholder-color);opacity:1;} ::-ms-placeholder{color:var(--placeholder-color);opacity:1;} ::placeholder{color:var(--placeholder-color);opacity:1;} *{color:var(--caret-color);background:var(--background-color);}

Comment 2

[stephen.cunliffe]

See linked bug: 1390860 for a simplified test case attachment for triage and confirmation