When navigating a form using the keyboard, button elements don't gain focus in Safari (tested in v8.0 on Yosemite). This is unless tabbing is explicitly turned under Preferences --> Advanced. Is there any way to get around this?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<form action="">
<fieldset>
<input type="text" />
<button>Button</button>
<input type="text" />
<button type="button">Button</button>
</fieldset>
</form>
</head>
<body>
</body>
</html>
http://codepen.io/alexandtheweb/pen/raQrxw
The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating). The tabindex attribute can be used on any HTML element (it will validate on any HTML element. However, it is not necessarily useful).
Step one: Set Firefox Focus as the default browser in Safari (you only need to do this once): Tap the Settings app in your iPhone or iPad. Scroll down to Safari and tap it. Tap Default Browser App and select Firefox Focus.
There is no way to get around this. The user needs to enable these preferences in order for tabbing to work correctly.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With