0

I have a html form structure like this:

<textarea id="text1"></textarea>
<button id="button1">
<button id="button2">
<textarea id="text2"></textarea>

And I'm trying to get a consistent behavior for keyboard navigation across different browsers. When navigating with the tabulator only the textareas should be focused but not the buttons. E.g. text1 is focused and using tabulator should focus text2, ignoring button1 and button2.

Safari seems to have this behavior by default and firefox provides -moz-user-focus. Is there a way to accomplish this behavior in Chrome and Edge?

FeuerlordOhsai
  • 157
  • 1
  • 9

1 Answers1

0

You can use tabindex ( W3 Schools ) to change the behavior of tabulator.

Muhammad Adnan
  • 313
  • 5
  • 15