Tab navigation not working in MacOS

[sougiovn]

Describe the bug
When navigating through the TAB button in a form, some elements are skipped:

• input radio
• input checkbox
• button

Steps To Reproduce
Clone the snapshot/tabbing-behavior branch from repo

Install front-end dependencies with npm install and run the following commands in different terminal windows:

// runs the fron-end devServer
npm run dev

// runs the tauri app in dev mode
npm run tauri:dev

Follow this gif to setup the first steps which you'll just need to select a directory where you want the app to store your data, like sqlite database.
It will create a directory called consolidAcao in the directory you choose.
You may skip this step, first skip the gif.

To skip the apps first steps, open the devtools in the console tab and run the following command in it:

location.href = 'http://localhost:8080/home'

You'll be redirected to the following page

Now you'll only need to press the TAB button from your keyboard and check that the input radio, input checkbox and button will never get focused.
(I added a CSS to outline in red the focused element).

All elements in this sample are using the atribute tabindex with a number greater than 0

Expected behavior
Be able to interact with any form control using TAB navigation.

Screenshots
Tabbing in Tauri instance

Tabbing in Brave Browser

Tabbing in Safari, after allowing tab navigation through System Preferences

Platform and Versions (please complete the following information):
OS: Mac OS, version 11.5.0 X64
Rustc: 1.54.0
Node: v16.6.1

Would you assign yourself to resolve this bug?

• Yes
• No

Additional context
None

[m3h0w]

Any prospects for resolving this bug? We've been developing an app in Tauri that relies on keyboard navigation without realizing this might be an issue.