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

<input type="time"> unresponsive in Firefox after it was temporarily made inert #88

Closed
rodneyrehm opened this issue Mar 16, 2018 · 3 comments

Comments

@rodneyrehm
Copy link

See http://jsbin.com/kexohazifa/edit?html,js,output for a reduced test case.

As soon as the inert attribute is added and removed from <input type="time"> that element cannot be interacted with anymore.

@robdodson
Copy link
Collaborator

good catch! I've been meaning to go back and redo the automated tests for inert. I'll add this to the list. Sorry for not showing inert more love, I'm currently 110% focused on landing :focus-visible in Chrome

@rodneyrehm
Copy link
Author

I've tracked down the problem and reported: https://bugzilla.mozilla.org/show_bug.cgi?id=1451054

Since the wicg-inert polyfill restores the originally set tabindex value, the workaround for this problem is to add tabindex="0" to your <input type="time">.

I'm closing this because wicg-inert is not at fault here and probably shouldn't have to worry about this bug in Firefox…

@robdodson
Copy link
Collaborator

Good to know, and thank you for looking into this!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants