Missing margin on small screens

[AndiLeni]

Hello,

images are missing a margin/padding on the right side on small images.
How might this be fixed?

[AndiLeni]

Here is a demo: https://jsfiddle.net/AndiLeni/jyeb2h4p/7/
As soon as the right scrollbar appears, the border is miscalculated.
There is no margin problem when no scrollbar is visible.

[AndiLeni]

Any update on this @sparanoid ?

[FuzzyNat26]

Hello! I've encountered the same problem.

This issue appears to be caused by an additional scroll bar on the right side that wasn't considered in the createTransform function.

I resolved this by adjusting the viewPortWidth by subtracting the scrollBarWidth.

// on line 195
var viewportWidth =
    window.innerWidth || document.documentElement.clientWidth || 0;
var viewportHeight =
    window.innerHeight || document.documentElement.clientHeight || 0;

// Calculate scrollbar width
var scrollbarWidth =
    viewportWidth - document.documentElement.clientWidth;

// Subtract scrollbar width from viewportWidth
viewportWidth -= scrollbarWidth;