I'm seeing strange behavior with Firefox's handling of tabbing through fields and I can't fathom why. I've reduced the code on my page to a very simple reproduction of the issue.
Tabbing works totally fine until clicking above the input
and to the right of the label
in the page that is rendered from the following code:
body {
padding-top: 20px;
}
label {
position: absolute;
top: 5px;
}
<label>Click on the right side of this line and tabbing stops working |</label>
<input>
Clicking below or at the level of the input causes tabbing to behave as expected once again. Is this expected behavior and I'm just not understanding something about tabbing, or is it some sort of bug in the Firefox browser?
The Firefox version is 80.0.1 (64-bit) and I am on a desktop computer.
There are no issues in Chrome.
tabindex
is an attribute you put on an element to control the order of tabbing through a document.input
tabbing works fine, it's only when you click to the right of thelabel
....