RESOLVED CONFIGURATION CHANGED98307
Scrolling to reveal a text input fails if the parent is CSS-transformed 
https://bugs.webkit.org/show_bug.cgi?id=98307
Summary Scrolling to reveal a text input fails if the parent is CSS-transformed
Reilly Hamilton
Reported 2012-10-03 14:59:28 PDT
Created attachment 166965 [details] Test case showing desired and incorrect behavior If -webkit-transform: translate(##px,0) has been applied to an element with overflow:auto, entering text in children text inputs causes the scrolling parent element to scroll to an incorrect location. In the test case, scroll to the bottom of each scrolling div and type in a text input. If the scrolling div has been translated, the div scrolls back up to the top inexplicably, and the entered text is not visible. In the non-translated case, no scrolling occurs, which is the desired behavior. Similar improper scrolling behavior occurs in translated textarea elements with overflow:auto. Observed in: * Chrome 22.0.1229.79 m for Windows, AppleWebKit/537.4 * Safari 5.1.7 for Windows, AppleWebKit/534.57.2 * iOS 5.1.1 Safari, AppleWebKit/534.46 * iOS 6 Safari, AppleWebKit/536.26
Attachments
Test case showing desired and incorrect behavior (1.15 KB, text/html)
2012-10-03 14:59 PDT, Reilly Hamilton 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2012-10-04 10:48:34 PDT
Some "scroll to visible" code is broken with transforms.
Chris Rebert
Comment 2 2016-06-02 23:19:33 PDT
I can't reproduce this in Safari Version 9.1.1 on OS X.
Brent Fulgham
Comment 3 2022-07-13 11:11:11 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.