DECA-253: Keyboard focus becomes trapped after adding files to the Uploader

Metadata

Source
DECA-253
Type
Bug
Priority
Blocker
Status
Closed
Resolution
Fixed
Assignee
N/A
Reporter
Jonathan Hung
Created
2012-05-15T10:44:07.849-0400
Updated
2012-05-18T14:47:23.839-0400
Versions
N/A
Fixed Versions
  1. 0.5
Component
  1. Export

Description

After using the keyboard to add a file to the Exporter, keyboard focus becomes trapped somewhere - there is no focus styling on any element on the page, tabbing does not change focus to any element on the page, and pressing Enter doesn't do anything.

To reproduce:
1. Load Decapod Exporter
2. Using keyboard, tab to the "Browse files" button.
3. Press enter to bring up the file browser.
4. Select a file.
5. Notice that the focus is now trapped.

The problem doesn't appear if the user opens the file browser and then closes it without selecting a file.

Environments

FF 12 (Ubuntu 10.04)

Comments

  • Justin Obara commented 2012-05-16T12:22:24.774-0400

    It seems to only be an issue with Firefox as it is working fine in Chrome

  • Justin Obara commented 2012-05-16T12:45:30.546-0400

    I've fixed the issue by pushing focus onto the "Add More" button. To do this i just needed to create a new selector to find the last multi file input, and then use the focusWithEvent facility of the uploader to move focus there after the dialog closes.

    The changes are in my bitbucket repo:
    https://bitbucket.org/jobara/decapod-ui-05release

  • Justin Obara commented 2012-05-18T14:47:20.959-0400

    Merged into the project repo