0

I have some textareas that I don't want to be tabbable, and set the tabindex attribute to be -1.

Chrome/Firefox are working as expected, but Safari allows tabbing between textareas still. Any idea how to disallow this?

Example:

<textarea class="tip-question-response" rows="10" value='' maxlength="400" tabindex=-1></textarea>
<textarea class="tip-question-response" rows="10" value='' maxlength="400" tabindex=-1></textarea>
<textarea class="tip-question-response" rows="10" value='' maxlength="400" tabindex=-1></textarea>

https://jsfiddle.net/qe3rvamz/

Becky Siegel
  • 91
  • 6
  • Maybe but the `-1` in parentheses? Like `"-1"`. Also looking at this link: http://stackoverflow.com/questions/5192859/html-remove-element-from-tab-index and a user said he set it too 500 and it worked. – Michael Jones Jul 23 '15 at 23:14
  • Tried parentheses as well... it didn't make a difference. – Becky Siegel Jul 24 '15 at 00:46
  • Hmm, that is very odd! – Michael Jones Jul 24 '15 at 13:01
  • I found this, and maybe it is a setting on Safari, the link is: http://www.lost-in-code.com/tag/safari-tabindex-not-working/. Maybe try going to `Preferences > Advanced > Press Tab…` In Safari? – Michael Jones Jul 24 '15 at 13:10
  • Michael-- the main issue is actually that I don't want other people to click the tab arrows on mobile safari in iOS for something specific. Regular safari behaves the same way so it seems to be something safari related in general. – Becky Siegel Jul 24 '15 at 13:16

0 Answers0