Bug 120465
| Summary: | Button inputs do not follow the rules for replaced absolutely positioned elements correctly | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Boris Zbarsky <bzbarsky> |
| Component: | Forms | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, rniwa, zalan |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | data:text/html,<input type="button" style="position: absolute; left: 0; right: 0"> | ||
Boris Zbarsky
Consider the testcase in the url field. In WebKit this renders with the input stretching the full width of the viewport. Per CSS 2.1 section 10.3.8, the width should be the width a text input would normally have (rule 1 in 10.3.8), and the 'right' value should be ignored because the values are over-constrained (rule 6 in 10.3.8).
WebKit gets this right for images, but not for button inputs.
Gecko, Presto, and Trident all do this right last I checked.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Boris Zbarsky
> the width should be the width a text input would normally have
I meant a button input.
Ahmad Saleem
Test Case from URL field - https://jsfiddle.net/yw7391fk/show
Safari Technology Preview 153 and Chrome Canary 108 behave same and extend the input button field to full width of viewport while Firefox Nightly 106 does not extend it at all.
I think it should be in RADAR. Thanks!