X
Tap here to go to the mobile version of the site.
Scheduled maintenance: Thursday, April 2, between 3pm and 5pm UTC. This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn’t solve your issue and you want to ask a question, we have our support community waiting to help you at @firefox on Twitter

Support Forum

I see Error border after lose focus on element. Only in firefox. In opera - not have this error.

Posted

I see Error border after lose focus on element. Only in firefox. In opera - not have this error.

I see Error border after lose focus on element. Only in firefox. In opera - not have this error.
Attached screenshots

Modified by IVIuXa

Additional System Details

Installed Plug-ins

  • Shockwave Flash 16.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0

More Information

jscher2000
  • Top 10 Contributor
8953 solutions 73379 answers

Helpful Reply

The dotted border can indicate a selection. For example, if you tab through a page, each link will get the dotted border in turn. I'm not sure if that is what's happening... Can you post a link to a page that has this problem?

The dotted border can indicate a selection. For example, if you tab through a page, each link will get the dotted border in turn. I'm not sure if that is what's happening... Can you post a link to a page that has this problem?

Question owner

Wau it is works ! Thanks!

Wau it is works ! Thanks!

Modified by IVIuXa

Question owner

Not work again.... This example index.html : you need insert "<" in left

!DOCTYPE html>' html dir="ltr" lang="ru"> head> meta charset="UTF-8" /> script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"> /script> /head> body> table > tr id="e1" tabindex="0"> td > Example1 /td> /tr> tr tabindex="0"> td> Example2 /td> /tr> /table> script> $("#e1").focus(); /script> style> table :focus { background: #DFF0D8; } /style> /body> /html>

Not work again.... This example index.html : you need insert "<" in left !DOCTYPE html>' html dir="ltr" lang="ru"> head> meta charset="UTF-8" /> script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"> /script> /head> body> table > tr id="e1" tabindex="0"> td > Example1 /td> /tr> tr tabindex="0"> td> Example2 /td> /tr> /table> script> $("#e1").focus(); /script> style> table :focus { background: #DFF0D8; } /style> /body> /html>

Modified by IVIuXa

jscher2000
  • Top 10 Contributor
8953 solutions 73379 answers

Sorry, this site is bad with code. Can you set up a demo page using jsfiddle? You can include jquery by using a selector in the left column.

http://jsfiddle.net/

Sorry, this site is bad with code. Can you set up a demo page using jsfiddle? You can include jquery by using a selector in the left column. http://jsfiddle.net/

Question owner

http://jsfiddle.net/L9rck790/2/

But there is no error. $ ("# e1"). focus (); - Operates only in the browser.

Error in (if not see - press update page): https://jsfiddle.net/L9rck790/2/embedded/result/

I set the focus on the first element in javascript code. And the mistake that focus css and javascript focus - two different things in Firefox.

http://jsfiddle.net/L9rck790/2/ But there is no error. $ ("# e1"). focus (); - Operates only in the browser. Error in (if not see - press update page): https://jsfiddle.net/L9rck790/2/embedded/result/ I set the focus on the first element in javascript code. And the mistake that focus css and javascript focus - two different things in Firefox.

Modified by IVIuXa

jscher2000
  • Top 10 Contributor
8953 solutions 73379 answers

The onload doesn't seem to work for me. The focus border and the background color move together, so that's good.

Can you see any difference between the jsFiddle and the real application?

The onload doesn't seem to work for me. The focus border and the background color move together, so that's good. Can you see any difference between the jsFiddle and the real application?

Question owner

Error in (if not see - press update page): https://jsfiddle.net/L9rck790/2/embedded/result/

Error in (if not see - press update page): https://jsfiddle.net/L9rck790/2/embedded/result/
jscher2000
  • Top 10 Contributor
8953 solutions 73379 answers

That new one actually works well for me. What I mean is, on load Example1 has the background color and focus ring, and if I click Example2, it gets the background color and focus ring. Is that not what you want?

That new one actually works well for me. What I mean is, on load Example1 has the background color and focus ring, and if I click Example2, it gets the background color and focus ring. Is that not what you want?

Question owner

Example2 not focus ring, only the background color

Example2 not focus ring, only the background color

Modified by IVIuXa

jscher2000
  • Top 10 Contributor
8953 solutions 73379 answers

Did you click Example2 or press the Tab key, or do you get the same result either way?

Did you click Example2 or press the Tab key, or do you get the same result either way?

Question owner

I click mouse button. If i click "tab" and click mouse button - this work! But if press reload page - not work again.

I click mouse button. If i click "tab" and click mouse button - this work! But if press reload page - not work again.
jscher2000
  • Top 10 Contributor
8953 solutions 73379 answers

I'm sorry, when I test in a new profile without any of my customizations or add-ons, I see the same problem you see. There is something in my regular profile that bypasses the issue but I have no idea what it is.

When either Example1 or Example2 is "focused" if I interrogate the activeElement in the document, I get iframe. There definitely appears to be confusion involved in focusing tr elements.

I'm sorry, when I test in a new profile without any of my customizations or add-ons, I see the same problem you see. There is something in my regular profile that bypasses the issue but I have no idea what it is. When either Example1 or Example2 is "focused" if I interrogate the activeElement in the document, I get iframe. There definitely appears to be confusion involved in focusing tr elements.