Element.tabStop

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

The tabStop property of the Element interface returns a Boolean indicating if the element can receive input focus via the tab key. If the specified element is a shadow host tab navigation is delegated to its children.

This property was proposed to add tab functionality for Custom Elements. While with the existing tabIndex property, it is required to specify an order for the element to become tabbable. The tabStop property would decouple the tabbable property from the tab index. After feedback, this property was removed from the design doc and replaced by ShadowRoot.delegatesFocus.

Syntax

var isTabStop = element.tabStop;
element.tabStop = (true|false);

Example

// TBD

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
tabStop
DeprecatedNon-standard
Chrome Full support 43Edge Full support ≤79Firefox ? IE ? Opera ? Safari ? WebView Android Full support 43Chrome Android Full support 43Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android Full support 4.0

Legend

Full support
Full support
Compatibility unknown
Compatibility unknown
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.