169129 2017-03-03 05:41:24 -0800 Can't reliably scroll page whenever mouse cursor inside iframe inside scrollable div with touchpad 2019-05-31 15:26:29 -0700 1 1 1 Unclassified WebKit Scrolling Safari 10 Mac macOS 10.12 NEW InRadar P2 Normal --- 150168 1 me webkit-unassigned aadwan me me simon.fraser tjarwan22 webkit-bug-importer wenson_hsieh oldest_to_newest 1283137 0 303314 me 2017-03-03 05:41:24 -0800 Created attachment 303314 Test case I can't scroll page (with touchpad, mouse works fine) whenever mouse cursor inside iframe in case when iframe inside scrollable div. Steps to reproduce: 1. Open test-case.html with Safari browser. 2. Try to scroll page with touchpad while cursor within iframe boundaries. Actual results: You can scroll page only up. Expected results: Page scrolls up and down. Safari 10.0.1 (12602.2.14.0.7) macOS Sierra 10.12.1 Macbook Pro 13" 1283150 1 wenson_hsieh 2017-03-03 07:31:37 -0800 Your iframe shows "HTTP Error 503. The service is unavailable." for me, but if I replace the src attribute with the URL of a large image, I can reproduce this. I'll take a look -- there might be some place we're not resetting the latching state properly. 1283393 2 webkit-bug-importer 2017-03-03 21:57:23 -0800 <rdar://problem/30848504> 1525917 3 tjarwan22 2019-04-10 03:30:41 -0700 I have the same issue: I can't scroll down a page using 2 fingers scroll(with a trackpad, the external mouse works fine) whenever the mouse cursor inside an iframe in the case when iframe inside scrollable div. Safari 10.0.1 (12602.2.14.0.7) macOS Sierra 10.12.1 Macbook Pro 13" 1536003 4 aadwan 2019-05-14 04:29:20 -0700 (In reply to Wenson Hsieh from comment #1) > Your iframe shows "HTTP Error 503. The service is unavailable." for me, but > if I replace the src attribute with the URL of a large image, I can > reproduce this. I'll take a look -- there might be some place we're not > resetting the latching state properly. Hi Wenson, is this being looked at? We still having the same problem in Safari 12.1, macOS Mojave 10.14.4 1536206 5 simon.fraser 2019-05-14 13:03:08 -0700 Please provide a URL we can use to test. 1536235 6 aadwan 2019-05-14 14:06:08 -0700 (In reply to Simon Fraser (smfr) from comment #5) > Please provide a URL we can use to test. Steps to Reproduce: Go to: https://readium.firebaseapp.com/?epub=epub_content%2Faccessible_epub_3& From Settings in left upper hand of the screen select Layout then select Continuous Try scrolling down with trackpad Thanks 1536236 7 aadwan 2019-05-14 14:07:49 -0700 (In reply to Abdullah Adwan from comment #6) > (In reply to Simon Fraser (smfr) from comment #5) > > Please provide a URL we can use to test. > > Steps to Reproduce: > Go to: > https://readium.firebaseapp.com/?epub=epub_content%2Faccessible_epub_3& > From Settings in left upper hand of the screen select Layout then select > Continuous > Try scrolling down with trackpad > > Thanks Edit: From Settings in right upper hand of the screen 1536240 8 simon.fraser 2019-05-14 14:13:25 -0700 Thanks, I can reproduce the issue there. 1536465 9 simon.fraser 2019-05-15 09:59:26 -0700 The ePub is a series of scrolling="no" iframe inside an overflow:scroll. If the mouse is over an iframe, that traps the scroll. If it's over the overflow (outside the iframe), scrolling works. 1536468 10 simon.fraser 2019-05-15 10:07:30 -0700 EventHandler::platformPrepareForWheelEvents() has some confusing code: scrollableContainer = findEnclosingScrollableContainer(wheelEventTarget.get(), wheelEvent.deltaX(), wheelEvent.deltaY()); if (scrollableContainer && !is<HTMLIFrameElement>(wheelEventTarget)) scrollableArea = scrollableAreaForContainerNode(*scrollableContainer); else { scrollableContainer = view->frame().document()->bodyOrFrameset(); scrollableArea = makeWeakPtr(static_cast<ScrollableArea&>(*view)); ... Here scrollableContainer is the overflow:scroll in the main document. wheelEventTarget is the <iframe> element. So we call into: scrollableContainer = view->frame().document()->bodyOrFrameset(); and scrollableContainer ends up as the body(!) of the main page. 1540865 11 me 2019-05-31 15:26:29 -0700 I can reproduce this with my application as well. Ping me if you need additional repro cases. One thing I noticed that might be worth mentioning is that this only happens when the iframe height is smaller than the actual height of the document inside the iframe. In the repro page that Abdullah Adwan provided, all the iframes have a height that is 2px smaller than the actual height of the iframe document because the iframe has a border of size 1px (1px on top and 1px at the bottom, so 2px in total). Scrolling works after removing the border on the iframes. This is consistent with what I observe in my application. 303314 2017-03-03 05:41:24 -0800 2017-03-03 05:41:24 -0800 Test case test-case.html text/html 709 me PCFkb2N0eXBlIGh0bWw+CjxodG1sPgogICAgPGhlYWQ+CiAgICAgICAgPHRpdGxlPmlGcmFtZSBz Y3JvbGxpbmc8L3RpdGxlPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgKiB7CiAgICAgICAgICAg ICBtYXJnaW46IDA7CiAgICAgICAgICAgICBwYWRkaW5nOiAwOwogICAgICAgICB9CgogICAgICAg ICBodG1sLCBib2R5IHsKICAgICAgICAgICAgIGhlaWdodDogMTAwJTsKICAgICAgICAgICAgIG92 ZXJmbG93OiBoaWRkZW47CiAgICAgICAgIH0KCiAgICAgICAgIC53cmFwcGVyIHsKICAgICAgICAg ICAgIGhlaWdodDogMTAwJTsKICAgICAgICAgICAgIG92ZXJmbG93LXk6IGF1dG87CiAgICAgICAg IH0KCiAgICAgICAgIC5jb250YWluZXIgewogICAgICAgICAgICAgaGVpZ2h0OiAyMDAlOwogICAg ICAgICB9CgogICAgICAgICBpZnJhbWUgewogICAgICAgICAgICAgbWFyZ2luOiA1MHB4OwogICAg ICAgICB9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvaGVhZD4KICAgIDxib2R5PgogICAgICAgIDxk aXYgY2xhc3M9IndyYXBwZXIiPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIiPgog ICAgICAgICAgICAgICAgPGlmcmFtZSBzcmM9Imh0dHBzOi8vdS50ZWtuaWsuaW8vajNCeXIuanBn IiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCI+CiAgICAgICAgICAgIDwvZGl2PgogICAgICAgIDwv ZGl2PgogICAgPC9ib2R5Pgo8L2h0bWw+Cg==