Skip to content

Fix custom file input z-index#26916

Merged
mdo merged 1 commit intotwbs:v4-devfrom
MartijnCuppens:fix-custom-file-input-z-index
Jul 20, 2018
Merged

Fix custom file input z-index#26916
mdo merged 1 commit intotwbs:v4-devfrom
MartijnCuppens:fix-custom-file-input-z-index

Conversation

@MartijnCuppens
Copy link
Member

Fixes #26912.

What happend?
Box-shadow of custom file inputs are added to the label instead of the input itself. The z-index of the label was increased to overlap buttons (see #26361), but the z-index of the custom file input didn't increase. Therefore the label was clicked and this focuses the file input, but didn't trigger the file browser.

The fix
I've increased the z-index of the custom file input so that the file input works again.

Demo: https://codepen.io/MartijnCuppens/pen/qyaZzv

Tested in latest Chrome/Firefox/IE/Edge/Safari

Kudos to @ysds for adding the ticket number in his commit, this made it a lot easier to find out what was wrong

@ysds
Copy link
Contributor

ysds commented Jul 18, 2018

I'm sorry for the lack of confirmation, but thanks @MartijnCuppens 😞

@MartijnCuppens
Copy link
Member Author

Don't worry @ysds, it looks like you're fixing something I didn't double check here: #26878 😉

@mdo mdo merged commit 6f52b2e into twbs:v4-dev Jul 20, 2018
@mdo mdo mentioned this pull request Jul 20, 2018
@mdo
Copy link
Member

mdo commented Jul 20, 2018

Thank you for the quick fix, gentlemen! Much appreciated.

@MartijnCuppens MartijnCuppens deleted the fix-custom-file-input-z-index branch July 21, 2018 11:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants