Open Bug 1186140 Opened 9 years ago Updated 2 years ago

If textarea has resize:vertical on :focus in CSS, click event is lost


(Core :: Layout, defect)

2.0 Branch




(Reporter:, Unassigned)




(Keywords: regression, testcase)

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134 Safari/537.36

Steps to reproduce:

See demo here:,css,output

When you click the textarea, the click event is not raised the first time you click. On subsequent clicks (once the textarea has focus), the click is raised successfully.

I have only found this problem when textarea:focus contains resize:vertical. 

Actual results:

Click event not raised.

Expected results:

Click event should be raised. In my demo, the alert box should appear.
Component: Untriaged → DOM: Events
Product: Firefox → Core
Regression window( w/ prefix -moz-resize)
Blocks: 442228
Ever confirmed: true
Keywords: regression
Version: 39 Branch → 2.0 Branch

Added a data: URL for the testcase. Given that I can reproduce on OS X, this is probably platform-independent.

(Note: this is filed from )

Keywords: testcase
OS: Unspecified → All
Hardware: Unspecified → All

Note that the trigger for the bug is the change of the resize property on :focus, not any specific value. This can be reproduced with textarea {resize:vertical} textarea:focus {resize:both /*the default value*/} as well.

Component: DOM: Events → Layout
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.