If scrollbars are visible by default in OS horizontal scrollbar appears in vertical FixedSizeList

[istarkov]

If scrollbars are visible by default in OS horizontal scrollbar appears in vertical FixedSizeList at least in Chrome browser

How to reproduce
Set show scrollbars always

open
https://react-window.now.sh/#/examples/list/fixed-size

scroll a little bit down and you will see a horizontal scrollbar (scroll overflow is on scrollbar width)

[istarkov]

Adding width=100% to inner viewport partially solves the issue

But just width:100% doesnt help if inner row has big uwrapable content like
here https://codesandbox.io/s/k56mm6301o (scrollbar appears again)

Adding position: "relative", on inner viewport solves an issue
https://codesandbox.io/s/vm5oow6j7l

[bvaughn]

But just width:100% doesnt help if inner row has big uwrapable content like
here https://codesandbox.io/s/k56mm6301o (scrollbar appears again)

I think the horizontal scrollbar should appear in this case.

[TrySound]

Do you mean non-mac users should work with ugly ui?

[bvaughn]

Come on man, don't put ridiculous words in my mouth.

@istarkov said that in the second case– if a row contained content that was too wide to fit within 100%, horizontal scrollbars would still appear. I said this should happen, because I know of some cases where people intentionally want a vertically windowed list to scroll horizontally.

Edit I'm going to try the same fix I used for RV locally. Give me a bit. I just forgot this case.

[bvaughn]

The fix will go out with 1.0.3

[bvaughn]

Fix has been deployed. You can verify it on the website.

[TrySound]

Thanks, Brian!

[bvaughn]

No problem 😄 Thanks @istarkov for pointing out the oversight!