Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Funkcionalnosć toś togo sedła se pśez wótwardowańske źěła wobgranicujo, kótarež maju wašo dožywjenje pólěpšyś. Jolic nastawk waš problem njerozwězujo a cośo pšašanje stajiś, wobrośćo se na našo zgromoźeństwo pomocy, kótarež na to caka, wam na @FirefoxSupport na Twitter a /r/firefox na Reddit pomagaś.

Pomoc pśepytaś

Glědajśo se wobšudy pomocy. Njenapominajomy was nigda, telefonowy numer zawołaś, SMS pósłaś abo wósobinske informacije pśeraźiś. Pšosym dajśo suspektnu aktiwitu z pomocu nastajenja „Znjewužywanje k wěsći daś“ k wěsći.

Dalšne informacije

Unexpected cursor shown inside focused div

  • 3 wótegrona
  • 0 ma toś ten problem
  • 18 naglědow
  • Slědne wótegrono wót Ken

more options

I recently noticed a number of places on websites where a cursor would appear in a place where no keyboard input is accepted. I've narrowed it down to this:

Define a div like this: <div tabIndex="1"></div>

Style it like so: div {

 width: 200px;
 height: 100px;
 border: solid 2px red;

} div:focus {

 background-color: lightblue;

}

Click inside the div. It turns blue to show it has focus, but it also shows a cursor at the top-left.

This does not seem to happen when you use <div tabIndex="1" /> and it also doesn't happen in other browsers.

I recently noticed a number of places on websites where a cursor would appear in a place where no keyboard input is accepted. I've narrowed it down to this: Define a div like this: &lt;div tabIndex="1"&gt;&lt;/div&gt; Style it like so: div { width: 200px; height: 100px; border: solid 2px red; } div:focus { background-color: lightblue; } Click inside the div. It turns blue to show it has focus, but it also shows a cursor at the top-left. This does not seem to happen when you use &lt;div tabIndex="1" /&gt; and it also doesn't happen in other browsers.
Pśipowjesone fota wobrazowki

Wót Ken změnjony

Wubrane rozwězanje

You may have switched on caret browsing. You can toggle caret browsing off/on by pressing F7 (Mac: fn + F7).

  • Settings -> General -> Browsing
    remove checkmark: [ ] "Always use the cursor keys to navigate within pages"

Note that this is a Firefox accessibility feature.

Toś to wótegrono w konteksće cytaś 👍 0

Wšykne wótegrona (3)

more options

I discovered it doesn't even need to support focus. Just the click on a basic div shows the same.

<html>

 <head>
   <style>
     div {
       width: 200px;
       height: 100px;
       border: solid 2px red;
       padding: 10px;
     }
   </style>
   <title>Unexpected cursor in clicked div</title>
 </head>
 <body>
   <h1>Unexpected cursor in clicked div</h1>
   <ul>
     <li>Click inside the rectangle below.</li>
     <li>
       Expected: Nothing should change.
     </li>
     <li>Actual: A cursor appears at the top-left of the box.</li>
   </ul>
   <div></div>
 </body>

</html>

Wót Ken změnjony

more options

Wubrane rozwězanje

You may have switched on caret browsing. You can toggle caret browsing off/on by pressing F7 (Mac: fn + F7).

  • Settings -> General -> Browsing
    remove checkmark: [ ] "Always use the cursor keys to navigate within pages"

Note that this is a Firefox accessibility feature.

more options

Ah, there you go. That's exactly what it was. I'm not sure how I had turned that on.

Thanks for the speedy explanation!