Resizing right-aligned textarea moves the left edge

• Component: CSS
• Status: NEW ---

[Adele Peterson]

Resizing right-aligned textarea moves the left edge

In the attached test case, try resizing the textarea.  It looks pretty weird when the left edge moves as you drag the lower-right corner.

Maybe we need to do more than just change the width / height when resizing.  I'm not exactly sure how this would work, but maybe we can somehow keep the top/left corner pinned to the position where it started.

[Adele Peterson]

Created attachment 13214 [details]
 testcase

[Adele Peterson]

<rdar://problem/4977927>

Btw, I made this a P1 since its a problem with a new feature (resize)

Bug 9223 mentions the possibility of moving the resize corner to the left for RTL textareas (which are commonly right-aligned). As long as textareas are not resizable by default, I suppose authors will not make them resizable where it would not make sense given how the feature works.

My opinion is that for the time being, it would be best to limiting resizing to the vertical axis in this case.

s/limiting/limit/

[Darin Adler]

<rdar://problem/4118559>

[Darin Adler]

Created attachment 14257 [details]
patch that should help Gmail To field, doesn't resolve this bug based on title

[Darin Adler]

Comment on attachment 14257 [details]
patch that should help Gmail To field, doesn't resolve this bug based on title

Landed this patch. Clearing the review flag since the bug isn't necessarily fixed yet.

[Dave Hyatt]

All that code about resizing in Element.cpp is completely misplaced.

[Dave Hyatt]

resize is purely presentational, so you shouldn't have to touch the DOM at all to change its behavior.

[Daniel Bates]

For completeness, the patch <https://bugs.webkit.org/attachment.cgi?id=14257> was committed in changeset 21184 <http://trac.webkit.org/changeset/21184>.