1390860 - form input placeholder text renders above the cursor

Status: RESOLVED DUPLICATE of bug 1326900

(Core :: Layout: Form Controls, defect)

Description

[stephen.cunliffe]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0
Build ID: 20170628075643

Steps to reproduce:

Rendered a web page (private enterprise web app) with a placeholder attribute set on an html input field, e.g. <input type="text" placeholder="example.johnsmith"/>




Actual results:

due to my field size (and text-align:center), the cursor lands on the "J" character, but instead of rendering on top of the placeholder text (e.g. it should behave like a watermark), the cursor blinks underneath the placeholder text.


Expected results:

the placeholder text should render on top of the background color/image, but below the cursor/caret as the cursor should be the top most z-indexed sub element of an input field

Comment 1

[stephen.cunliffe]

Attachment: Simple test case exhibiting the bug (the styles are ugly but are meant to make the rendering bug clear :-)

Simple test case exhibiting the bug (the styles are ugly but are meant to make the rendering bug clear :-)