Width calculation bug

[jmarceli]

Hi,
If you update LIVE DEMO to latest package version 4.0.5 you will see that text is not fully visible. Here is the live exmple https://codesandbox.io/s/rsc-live-example-h34of

This bug is most probably caused by the change from padding: 0.05 to display: table-cell in this commit 7c2d3b8

[xobotyi]

What for i've written an issue example?🤦‍♂️

@jmarceli Everything is good for me. What browser do you use?

[jmarceli]

HI, I'm using Google Chrome Version 75.0.3770.90 (Official Build) (64-bit) on Max OS X Mojave and it looks like this:

[xobotyi]

@jmarceli Cause there is no possible way for me to test it on macos - check this one pls.
https://codesandbox.io/s/rsc-live-example-062ls

Have you added sizes translation? Cause without that field enabled display:table-cell shouldn't appear, if translation disabled it still uses padding: .05

[jmarceli]

Hi, when I use translateContentSizesToHolder={false} it doesn't change anything besides padding: 0.05px, but it still looks not as I expect.

I will try to find a way to make it look ok and then I will add a solution to that issue (as soon as I will have some spare time).

[xobotyi]

Very weird...
Looks like the scrollbar width compensation is turned off =/
Because there is no other reason to content to leak under the scrollbar.
Are scrollbars overlay the content/scroller element?

[jmarceli]

No, it's not the compensation. When I remove/hide scrollbar with CSS display: none the content still falls behind the right edge of the scrolling area.

[xobotyi]

Thus a have absolutely no clue what is going on...
Try to manually set the left style to 0 for the scroller element and ensure that native scrollbar is still there.

[jmarceli]

I will try to figure that out and return here with some solution

[xobotyi]

@jmarceli HI! Any results?