Bug 254459

Summary: input with width:0 doesn't hide the file chooser button
Product: WebKit Reporter: Sam Sneddon [:gsnedders] <gsnedders>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: akeerthi, cdumez, karlcow, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=253463
https://bugs.webkit.org/show_bug.cgi?id=259602
Attachments:
Description Flags
screenshot from STP 165 none

Sam Sneddon [:gsnedders]
Reported 2023-03-25 03:34:36 PDT
Created attachment 465587 [details] screenshot from STP 165 1. Upload PDF to https://www.deepl.com/translator/files 2. Wait for it to translate and offer download 3. A new download field appears, looking broken Looks like it has a button trying to be drawn over an input, and this isn't working nicely in Safari.
Attachments
screenshot from STP 165 (162.01 KB, image/png)
2023-03-25 03:34 PDT, Sam Sneddon [:gsnedders] 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-03-26 18:26:22 PDT
<rdar://problem/107248208>
Karl Dubost
Comment 2 2023-03-26 18:26:36 PDT
This looks very similar to Bug 253463 at first sight. The technique in Bug 253463 was to used negative `text-indent` for making the button disappear. In this case they use… `width: 0` https://codepen.io/webcompat/pen/QWVYJER OR data:text/html,<input%20type=file%20style="width:0"> It's very similar.
Aditya Keerthi
Comment 3 2023-03-27 14:21:06 PDT
Could be the result of some custom logic in `RenderFileUploadControl`...
Aditya Keerthi
Comment 4 2023-03-27 14:22:20 PDT
Note that the button is in the UA shadow tree, and has non-zero width.
Note You need to log in before you can comment on or make changes to this bug.