Outline not visible on iOS and Safari on Star Rating

[louismaximepiton]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

The outline for focus-visible isn't there for iOS and Mac. Maybe search for tabindex="0" or for options in MacOS directly.

Reduced test cases

Go to link and click on stars (or touch).

What operating system(s) and browser(s) are you seeing the problem on?

(Source Browserstack)

• macOS + Safari
• iOS - Chrome

What version of Boosted are you using?

main branch (5.2.0)

[MewenLeHo]

@louismaximepiton: we may try https://www.tempertemper.net/blog/refining-focus-styles-with-focus-visible

[isabellechanclou]

On macOS + Safari, to be able to see focuses, you need to go to Safari/Preferences and tick the Accessibility parameter "Press Tab to highlight each item on a webpage". It seems there is nothing to add in the code.

Regarding for iOS - Chrome, from what I read and kind of test on an Iphone, same thing, on needs to go to the Iphone/Ipad Accessibility parameters to activate keypad navigation and the display of the selectable areas (therefore surrounded with a rectangle)

[louismaximepiton]

Closed by #1437