search

nickmcmillan / react-physics-dragger

A simple, no-frills horiztonal dragger/slider with physics
202 stars 10 forks source link

Workaround for iOS Safari? #24

Closed jwrlee88 closed 4 years ago

jwrlee88 commented 4 years ago

Hello,

First off, great job on the package, this is exactly the type of package I was looking for to implement my carousel on my site with.

I read in the documentation that react-physics-dragger uses ResizeObserver, which is fine, but according to caniuse, Resize Observer is not supported in iOS Safari by default, but you have to go into settings -> safari -> advanced -> and toggle on Resize Observer.

Is there a way to work around this? As far as I understand, this package uses ResizeObserver to calculate the size of the window to do the calculations for how far items should scroll under the hood. Maybe there are ways to calculate that ourselves via JavaScript and pass it down to the react physics dragger component?

Thank you for your time in advance, I'll look for a different solution if what I mentioned above isn't possible :)

jwrlee88 commented 4 years ago

Update:

In the odd case that my situation applies to someone else, I got around this by installing @juggle/resize-observer.

That package works for Safari and iOS Safari out of the box, whereas ResizeObserver the package recommends needs the user to enable Resize Observer.

Hope this helps someone!

Closing issue.