search

ashthornton / asscroll

Ash's Smooth Scroll 🍑
MIT License
947 stars 27 forks source link

Does not scroll while mouse is over iframe. #81

Closed iamlinkus closed 2 years ago

iamlinkus commented 2 years ago

I've added a video embed iframe on my page and noticed that I'm unable to scroll while the mouse is hovering over the iframe. The readme states that it shouldn't stop working in such a situation, but it does.

Steps to reproduce:

  1. Create a page that uses asscroll and has an iframe.
  2. Open that page, scroll to the iframe, wait till the scroll ease stops completely.
  3. Try to scroll again while hovering over the iframe. No scroll happens (the iframe hijacks the scroll event).
ashthornton commented 2 years ago

Hey @iamlinkus, this example has an iframe and it seems to be working as intended for me: https://codepen.io/ashthornton/pen/YzWXZqL

It will still try to continue to scroll within the iframe for a certain amount of time until you stop scrolling, then it will continue scrolling outside of the iframe.

Does that example work for you? What browser, OS and type of mouse are you using?

iamlinkus commented 2 years ago

Opened your link on MacOS chrome, tried to scroll and it had the same bug/behavior that my website had. Then started thinking that if you're saying that it behaves as it should, there's something different on your side. Then I opened safari and it works as it should there, I can continue to scroll.

So this seems like a bug only on MacOS Chrome (both latest versions). Tried both the trackpad and a scroll-wheeled mouse.

ashthornton commented 2 years ago

I've just tested on the latest MacOS and Chrome as well as a previous version of both and I'm still seeing the correct behaviour on both. Seeing as it seems you understand what the intended behaviour is, this is going to be hard for me to debug as I can't replicate on my end.

I wonder if you can record a performance profile in dev tools of you creating the problem and upload it here, that might help me figure out what's going on. Use this version of the codepen: https://cdpn.io/pen/debug/YzWXZqL

iamlinkus commented 2 years ago

I have no idea what happened, but it suddenly started working, both on your example and on mine. It's super strange, since I didn't update anything. Nothing comes to mind, but it must've been something specifically broken with my browser which fixed itself after a browser restart. Sorry to have wasted your time on this, I'll close this issue now. Thanks for your help, as always!