844368 - Focus outline not triggered after find is closed

Status: UNCONFIRMED

(Core :: DOM: UI Events & Focus Handling, defect)

Description

[Charles Belov]

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

Steps to reproduce:

Steps:
1. With userContent.css containing
a:active, a:focus  { outline: invert dotted 1px }
went to http://www.nextmuni.com/predictor/simpleRouteSelector.shtml?a=sf-muni
2. Ctrl-F to open Find dialog
3. Type "54" (without the quotes)
4. Press Escape to close Find dialog


Actual results:

No outline around "54-Felton"

You can confirm that the link is the focus by pressing enter. The browser goes to the list of stops for the 54-Felton. If you then click the back button, the link for 54-Felton has the dotted line as expected.


Expected results:

Dotted outline around "54-Felton"

Comment 1

[Loic]

Did it use to work in previous versions of Firefox?

Comment 2

[Charles Belov]

I don't know for sure.

There were a few changes that happened around the same time:

1. I went from a computer with Windows XP to a new computer with Windows 7.
2. I went from Firefox 18 to 19.
3. I added a:active, a:focus  { outline: invert dotted 1px } to userContent.css in reaction to no longer getting the outline on focus.

However, I don't recall whether #2 or #3 happened first.

Comment 3

[Loic]

I tested with various old versions and I got the same result (no dotted line). Are you totally sure the code written in userContent.css is valid?

Comment 4

[Charles Belov]

My userContent.css in fact did not validate.  I've updated it and it now validates on the W3C CSS validator as CSS3, but I get the same results.

However, if you are getting the problem on earlier versions, then the answer is apparently no, it is not new to this version.

Here is my entire code for the a tag:

a:link { text-decoration: underline ! important; }
a:visited { text-decoration: underline ! important; }
a:hover { text-decoration: underline ! important; }
a:active { text-decoration: underline;  ! important; }
a:active, a:focus  { outline: invert dotted 1px }