Summary: | <input> placeholder text does not redraw if its disabled state changes and it has a background image | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Joseph Pecoraro <joepeck> | ||||||||
Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||||||
Status: | RESOLVED FIXED | ||||||||||
Severity: | Normal | CC: | bertrand.design, joepeck, robert | ||||||||
Priority: | P2 | ||||||||||
Version: | 528+ (Nightly build) | ||||||||||
Hardware: | PC | ||||||||||
OS: | OS X 10.5 | ||||||||||
Attachments: |
|
Created attachment 60080 [details]
[IMAGE] Expected Results After 1 Second
Created attachment 60081 [details]
[IMAGE] Actual Results After 1 Second
When the <input> is in the bad state, focusing it and then unfocusing it causes it to redraw the placeholder text correctly. This also happens when both attributes "value" and "placeholder" are added to the INPUT tag, and the value is removed with javascript [input.removeAttrute("value")]. The value is removed as expected, but the input remains blank. The placeholder text is not updated or rendered until the input is blurred. I can't reproduce this. Is it still an issue? You're right, this looks correct now. Closing, thanks. |
Created attachment 60079 [details] [TEST] Reduction Showing the Problem Attached a reduction. In HTML the input element is disabled. JavaScript later enables the input element. When this change happens the <input> is redrawn (the border and background change) but the placeholder text stays dark, from the disabled state instead of light like the enabled state. Add a setTimeout to the reduction to see the disabled -> enabled transition and how it doesn't change the color of the text.