Bug 98307 - Scrolling to reveal a text input fails if the parent is CSS-transformed
Summary: Scrolling to reveal a text input fails if the parent is CSS-transformed
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/ZbguJ/6/
Keywords:
Depends on:
Blocks:
 
Reported: 2012-10-03 14:59 PDT by Reilly Hamilton
Modified: 2022-07-13 11:11 PDT (History)
4 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Reilly Hamilton 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
Comment 1 Simon Fraser (smfr) 2012-10-04 10:48:34 PDT 
Some "scroll to visible" code is broken with transforms.
Comment 2 Chris Rebert 2016-06-02 23:19:33 PDT 
I can't reproduce this in Safari Version 9.1.1 on OS X.
Comment 3 Brent Fulgham 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.