Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Toggle switches render incorrectly on Blink browsers when zoomed #5219
DO NOT DELETE THIS INFORMATION.
GitHub issues is for feature requests or bugs, please do not post issues asking for help or how to do X, Y or Z.
So on recent Blink powered browsers (Chromium and Opera have been tested), if page zoom is applied, then toggle switches render incorrectly. Here a picture is worth 1000 words so here's two screenshots of Chrome. The first at 125% which I normally run at and then at 100% (where the problem goes away). All of the toggles do this, but the about page was a good example.
This appears to be Webkit / blink specific as I tried this in Firefox and there the switches appeared normal.
I've had a look more into this and one recommended fix doesn't work. I've also looked at an alternative to boostrap-switch and found http://www.bootstraptoggle.com/ but that is also not actively developed for 2 years and we could just come across more issues.
Not sure I see what else we can do at this stage :(
Yeah, I kinda figured this was going to be something Chrome had to fix. I just wanted to note it in case the question comes up from other folks (or there was some magical fix).
If you're zoomed more than 100%, it'll do this. So just tell people to un-zoom and move closer to the screen :-). Or you know, use Firefox.