Showing results for 
Search instead for 
Did you mean: 
Kudo Kingpin
Kudo Kingpin

Toggle text disappears on focus



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.



Helper I
Helper I

This is still an issue in chrome. I experience exactly what the video shows. 

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.   

Helper II
Helper II

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.

Helpful resources

2022 Release Wave 1 760x460.png

2022 Release Wave 1 Plan

Power Platform release plan for the 2022 release wave 1 describes all new features releasing from April 2022 through September 2022.

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Top Solution Authors
Top Kudoed Authors
Users online (1,995)