Bug 267299
| Summary: | File inputs should have `overflow: clip` | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Aditya Keerthi <akeerthi> |
| Component: | Forms | Assignee: | Aditya Keerthi <akeerthi> |
| Status: | NEW | ||
| Severity: | Normal | CC: | cdumez, karlcow, ntim, webkit-bug-importer, wenson_hsieh |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar |
| Version: | Other | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Aditya Keerthi
Align with Chrome and Firefox.
Currently, something like data:text/html,<input type=file style="text-indent: -20px"> results in visual overflow. Instead the content should be clipped as it is in other browsers.
This is not trivial to fix, as by default, adding `overflow: hidden` to the UA stylesheet will result in the button element inside file inputs also getting clipped. This is due to the default visual overflow on macOS buttons.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/121079236>
Tim Nguyen (:ntim)
*** Bug 286286 has been marked as a duplicate of this bug. ***
Tim Nguyen (:ntim)
The HTML spec says it should be `overflow: clip`: https://github.com/whatwg/html/issues/9976