daylilyfield / svrollbar

simple custom scrollbar made by svelte
https://daylilyfield.github.io/svrollbar/
MIT License
75 stars 12 forks source link

Wrong height on iOS browsers #14

Open renek95 opened 1 year ago

renek95 commented 1 year ago

Hi! I am using this component on my new project and I am very satisfied with the styling and the easy usage.

There is just one problem on the mobile browser versions on iOS. Seems like the browsers are returning wrong values for height properties. I tried the following browsers on my iPhone 12 mini with iOS version 15.5.

Chrome 103.0.5060.63 Firefox Daylight 102.1 (12709) Safari 15

I added the svrollbar to my page with the following code snippet. <Svrollbar alwaysVisible={true} initiallyVisible={true}></Svrollbar>

Here are some screenshots:

IMG_1567 IMG_1566 IMG_1565

Would be nice to discuss if there are some possible solutions for this behaviour.

Kind regards, René

enesbala5 commented 1 year ago

I just disabled it for mobile - they usually have pretty decent looking scrollbars and the behavior is perfect as it is. Maybe you have another use-case though, just letting you know.

KaraSoul commented 1 month ago

@enesbala5 if you make ui, you should have save looks on every device.