Remove HTML tag from tab order
up vote
1
down vote
favorite
In my app's tab loop, the <html> tag occupies a tab stop. I'm looking to remove the <html> tag from the tap loop.
I tried adding tabindex="-1" to the <html> tag, but on IE11 at least, that did not seem to remove the element from the tab loop. I'm close to spinning my own logic using JS to "skip" to the next focusable element if document.activeElement === <html>, but I'm wondering if there's an easier way.
The solution needs to be supported cross the major browsers: IE11, Edge, FF, Chrome, Safari.
Any ideas?
javascript html
asked Nov 21 at 18:49
sir_thursday
2,19963985
add a comment |
up vote
1
down vote
favorite
In my app's tab loop, the <html> tag occupies a tab stop. I'm looking to remove the <html> tag from the tap loop.
I tried adding tabindex="-1" to the <html> tag, but on IE11 at least, that did not seem to remove the element from the tab loop. I'm close to spinning my own logic using JS to "skip" to the next focusable element if document.activeElement === <html>, but I'm wondering if there's an easier way.
The solution needs to be supported cross the major browsers: IE11, Edge, FF, Chrome, Safari.
Any ideas?
javascript html
asked Nov 21 at 18:49
sir_thursday
2,19963985
1
Can you provide more code?
– SilvioCro
Nov 21 at 19:49
I don't believe more code would be useful. It's literally just addingtabindex="-1"attribute to the<html>element.
– sir_thursday
Nov 21 at 20:26
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
In my app's tab loop, the <html> tag occupies a tab stop. I'm looking to remove the <html> tag from the tap loop.
I tried adding tabindex="-1" to the <html> tag, but on IE11 at least, that did not seem to remove the element from the tab loop. I'm close to spinning my own logic using JS to "skip" to the next focusable element if document.activeElement === <html>, but I'm wondering if there's an easier way.
The solution needs to be supported cross the major browsers: IE11, Edge, FF, Chrome, Safari.
Any ideas?
javascript html
asked Nov 21 at 18:49
sir_thursday
2,19963985
In my app's tab loop, the <html> tag occupies a tab stop. I'm looking to remove the <html> tag from the tap loop.
I tried adding tabindex="-1" to the <html> tag, but on IE11 at least, that did not seem to remove the element from the tab loop. I'm close to spinning my own logic using JS to "skip" to the next focusable element if document.activeElement === <html>, but I'm wondering if there's an easier way.
The solution needs to be supported cross the major browsers: IE11, Edge, FF, Chrome, Safari.
Any ideas?
javascript html
javascript html
asked Nov 21 at 18:49
sir_thursday
2,19963985
asked Nov 21 at 18:49
sir_thursday
2,19963985
asked Nov 21 at 18:49
sir_thursday
2,19963985
asked Nov 21 at 18:49
sir_thursday
2,19963985
asked Nov 21 at 18:49
sir_thursday
2,19963985
2,19963985
1
Can you provide more code?
– SilvioCro
Nov 21 at 19:49
I don't believe more code would be useful. It's literally just addingtabindex="-1"attribute to the<html>element.
– sir_thursday
Nov 21 at 20:26
add a comment |
1
Can you provide more code?
– SilvioCro
Nov 21 at 19:49
I don't believe more code would be useful. It's literally just addingtabindex="-1"attribute to the<html>element.
– sir_thursday
Nov 21 at 20:26
1
1
Can you provide more code?
– SilvioCro
Nov 21 at 19:49
Can you provide more code?
– SilvioCro
Nov 21 at 19:49
I don't believe more code would be useful. It's literally just adding
tabindex="-1" attribute to the <html> element.– sir_thursday
Nov 21 at 20:26
I don't believe more code would be useful. It's literally just adding
tabindex="-1" attribute to the <html> element.– sir_thursday
Nov 21 at 20:26
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53418752%2fremove-html-tag-from-tab-order%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Can you provide more code?
– SilvioCro
Nov 21 at 19:49
I don't believe more code would be useful. It's literally just adding
tabindex="-1"attribute to the<html>element.– sir_thursday
Nov 21 at 20:26