Zoomed in Chrome problem

[Darkry]

When I zoom in (using control + plus key, eg. to 175%) in Google Crome and then reload my page with bootstrap switcher, the switcher looks like this:

I need to add that the issue only appears when I use custom text labels (as seen in the screenshots).

[rebolavo]

I have the same issue (only with google chrome)

[charettes]

Ditto, it seems to also happen with zoom 0% with some resolutions.

[thawkins]

Im having the same problem

chrome
CSS Page Width:1905
CSS Page Height:879

That is inner viewport dimensions, ie inside scrollbars etc.

note, manually editing width of "offHandle" block to be one pixel narrower fixes the problem.

it could be getting a fractional value for the width calculation and rounding up rather than down.

changing line 443
from

    this.$container.width((this._handleWidth * 2) + this._labelWidth);

to

    this.$container.width((this._handleWidth * 2) + this._labelWidth+1);

seems to fix the problem, with no apparent visual impact.

[KTrentLR]

There's also a fix noted in #469 with new function text.