🐞 Bug: Custom tabIndex does not work

[MS-v7]

Link to the code that reproduces this issue:

https://stackblitz.com/edit/vitejs-vite-cmgd82?file=src%2FApp.tsx (mit onClick)

Can you categorise where the error occurs?

React KoliBri Components

Which browser or operating system do you used to test KoliBri?

Latest Chrome and Edge 09/2024

How to reproduce issue?

I have > 2 Kolibri Elements in my React component and want to change the tabbing order to not follow the visual and hierachical order of the elements but what I assign via _tabindex.

Current vs. Expected:

When giving _tabindex information to elements the tabbing still follows the visual and DOM hierarchy rather than the assing Index Numbers

Environment informations:

 "Operating System": {
 "platform": "win32",
 "arch": "x64",
 "version": "10.0.17763"
 },
 "Binaries": {
 "node": "v20.13.1",
 "npm": "10.5.2",
 "pnpm": "9.10.0",
 "yarn": "N/A"
 },
 "Relevant Packages": {
 "@public-ui/components": "2.1.7",
 "@public-ui/react": "2.1.7",
 "react": "18.3.1",
 "react-dom": "18.3.1",
 "typescript": "5.6.2"
 }
 } ```

[deleonio]

• Time-Slot: 1d

[laske185]

Problem: Beispielsweise der Button bietet _tabIndex an. Die Einstellung greift allerdings nicht (siehe Stackblitz-Beispiel), oder nur innerhalb des Shadow-DOMs. Damit greift aber die neu gesetzte Tab-Reihenfolge nicht.

Mit tabIndex kann der TabIndex gesetzt werden, aber der Fokus wird nicht richtig gesetzt.