Bug 165083 - Padding on text beside ::-webkit-file-upload-button is too large
Summary: Padding on text beside ::-webkit-file-upload-button is too large
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 10
Hardware: iPhone / iPad iOS 10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-11-27 10:27 PST by Avery Magnotti
Modified: 2016-11-29 12:11 PST (History)
2 users (show)

See Also:

Attachments
Extra padding on iOS 10 (74.87 KB, image/png)
2016-11-27 10:27 PST, Avery Magnotti 		no flags Details
Test case. If need be, I'll clean up the code and post to CodePen. (31 bytes, text/plain)
2016-11-27 10:28 PST, Avery Magnotti 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Avery Magnotti 2016-11-27 10:27:04 PST 
Created attachment 295457 [details]
Extra padding on iOS 10

On iOS 10, when styling ::-webkit-file-upload-button, the text beside the button has too much padding. This extra space calls the custom button when tapped. Note that this doesn't affect Safari on macOS.
Comment 1 Avery Magnotti 2016-11-27 10:28:53 PST 
Created attachment 295458 [details]
Test case. If need be, I'll clean up the code and post to CodePen.