Example CSS and html: http://jsfiddle.net/dazzled/ydSSf/3/ Overview: Textareas scaled by transform do not reflect new dimensions for scrolls Steps to Reproduce: Scale textarea with transform. add new lines at bottom of textarea and observe caret position. Actual Results: Caret in downscaled textarea will go outside visible textarea. Caret in upscaled textarea will not go outside of box, but the textarea will start scrolling before reaching the end or beginning of visible textarea when adding text or using cursors. Expected Results: Textarea will behave as 100% version in every regard.
Created attachment 158562 [details] Testcase for showing problem at 70%, 100% and 120%.
To be more specific, the bug manifests when using the arrow keys to scroll through the textarea: * when scaled at < 100%, the cursor will move past the visible area before scrolling occurs * when scaled at > 100%, scrolling will occur before reaching the limits of the visible area
Confirmed. Only caret navigation seems to be affected though.
Reported and confirmed to Chromium team. http://code.google.com/p/chromium/issues/detail?id=146313#c2
This bug was fixed in r140202 <http://trac.webkit.org/changeset/140202>
this looks fixed!
<rdar://problem/45271233>