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

fix(file-uploader): fixes multiple tabbable elements bug and adds keyboard navigation to label #1422

Closed
wants to merge 9 commits into from

Conversation

dakahn
Copy link
Contributor

@dakahn dakahn commented Nov 9, 2018

Closes #1351

  • adds semantic form wrapper to file-uploader
  • removes button role from label since a label can't be a button aria wise
  • fixes a bug where there were two tabbable elements in the file-uploader button (label, input)
  • adds keyboard navigation to label element

@dakahn
Copy link
Contributor Author

dakahn commented Nov 9, 2018

I'm addressing the build failure. Will upload a fix for the fix soon.

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
const uploadLabel = document.getElementById('input-button');
const uploadInput = document.getElementById('your-file-importer-id-here');
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems that the code here needs to be implemented in FileUploader vanilla class - Sent a private note.

@joshblack
Copy link
Contributor

bump @dakahn!

@joshblack
Copy link
Contributor

Let me know if you want to finish this off or close it and work on it later 👍

@dakahn
Copy link
Contributor Author

dakahn commented Jan 3, 2019

I'm gonna close this up for now and revisit the work later. 🙇🏼‍♂️

@dakahn dakahn closed this Jan 3, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

button has incorrect aria and is not keyboard accessible
4 participants