Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[EuiFilePicker] Disabled FilePicker shows underlying html input #4718

Closed
crob611 opened this issue Apr 15, 2021 · 1 comment · Fixed by #4738
Closed

[EuiFilePicker] Disabled FilePicker shows underlying html input #4718

crob611 opened this issue Apr 15, 2021 · 1 comment · Fixed by #4738
Assignees
Labels

Comments

@crob611
Copy link

crob611 commented Apr 15, 2021

On the Eui Website
image

In Canvas
image

Setting the prop disabled to true disables the html input property. Looks like there is a CSS rule input:disabled {opacity: 1} that is getting precedent over the Filepicker rule that sets it's opacity to 0

@cchaos
Copy link
Contributor

cchaos commented Apr 15, 2021

Fun! This happened when trying to fix browser's changing opacity of all disabled inputs. #4538 Terribly, that reset selector is overriding our opacity of the background input.

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 a pull request may close this issue.

3 participants