Something we've just noticed today is that on toggles, the true or false text is not visible when that toggle has focus.
Seems to be related to the border thickness - if we set the focused border thickness to 0 the problem doesn't occur.
We have to stick within accessibility guidelines, so we can't keep that as a workaround.
I've got this issue on my tenant, and have just shared a screen with a user in another tenant and they are experiencing the same.
Same issue here. Toggles don't work properly in Chrome. If you click on the toggle itself, while focused, the text disappeards. If you click on the text - it works fine. Is there a workaround? We had the same issue almost 2 years ago and it's stil la problem in May 2020. I am a little disappointed and surprised.
Only workaround I know of is to remove the text in the toggle, reduce the width of the toggle, and add your own label with an if statement pointing at the the toggle status.
This is something I ran into and found this solution: the FocusBorderThickness defaults to 2, and that's what made my label invisible when the toggle had focus. I have been changing it to 0, and that works. But 1 also works in my case, so you can still meet accessibility guidelines.
Check out new user group experience and if you are a leader please create your group
We are excited to announce that Demo Extravaganza for 2021 has started!
On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks
Don't miss the call this month on June 16th - 8a PDT