493409 - Styled input field does not receive focus indicator

Status: NEW

(Core :: Layout: Form Controls, defect)

Description

[Christian Eager]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2a1pre) Gecko/20090516 Minefield/3.6a1pre
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2a1pre) Gecko/20090516 Minefield/3.6a1pre

If an input field has a style attribute, such as a background color border, then the focus indicator does not appear when the field receives focus.

Example HTML that causes the bug:

<input style="background-color: #eeffee;" type="text" />

Reproducible: Always

Steps to Reproduce:
1. Load a page containing an styled input field, e.g., <input style="background-color: #eeffee;" type="text" />
2. Give the text field focus (click or navigate via keyboard)
Actual Results:  
The cursor is inside the field, but there is no focus indicator outline.

Expected Results:  
Focus indicator outline appears around the field.

Comment 1

[Christian Eager]

Attachment: HTML testcase

Comment 2

[Tyler Downer [He/Him]]

This is a mass search for bugs which are in the Firefox General component, are
UNCO, have not been changed for 500 days and have an unspecified version. 

Reporter, can you please update to Firefox 3.6.10 or later, create a fresh profile, http://support.mozilla.com/en-US/kb/managing+profiles, and test again. If you still see the issue, please update this bug. If the issue is gone, please set the status to RESOLVED > WORKSFORME.

Comment 3

[Wayne Mery (:wsmwk)]

Reporter, can you still reproduce using a current version?
If no, please set status to RESOLVED and resolution to WORKSFORME.
If yes, please provide updated information.

Comment 4

[Christian Eager]

Attachment: Screenshot from Firefox 22.0

Screenshot of 377881 testcase in Firefox 22.0, with actual and expected behavior.

Comment 5

[Christian Eager]

I can still reproduce on Firefox 22.0.

Comment 6

[Christian Eager]

I can still reproduce on macOS, Firefox 67.0.