Textarea resize using handle feels laggy with transition

UNCONFIRMED
Unassigned

Status

()

Core
CSS Parsing and Computation
UNCONFIRMED
5 years ago
a year ago

People

(Reporter: cheesypoof, Unassigned)

Tracking

22 Branch
x86
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

5 years ago
Resizing a textarea (with a transition such as transition:all 1s linear) using the handle feels laggy, resulting in undesirable and confusing visual feedback.

An example can be seen at http://designshack.net/tutorialexamples/css3-form-transitions/index.html

Other browsers also appear to experience this issue. You could obviously avoid it by specifying the CSS properties you want transitioned instead of "all", or apply resize:none.

Nevertheless, if one actually wants to use a transition on width/height and enable the handle, this becomes a problem... I can't imagine a scenario where this effect would be desirable.

Updated

5 years ago
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
So the problem is that the resize handle just changes computed width/height, at which point the transition kicks in....

I'm not sure there's a good solution here short of totally changing how resizing works.
And that's a CSS spec issue, not a form control issue.
Component: Layout: Form Controls → Style System (CSS)
You need to log in before you can comment on or make changes to this bug.