Fluid Infusion

Cannot use the keyboard to navigate away from the reorderable jQuery tabs, using ff

Details

  • Type: Bug Bug
  • Status: Closed Closed
  • Priority: Major Major
  • Resolution: Duplicate
  • Affects Version/s: 0.1, 0.3, 0.4beta1, 0.4
  • Fix Version/s: None
  • Component/s: Reorderer
  • Labels:
    None
  • Environment:
    FF2 (Mac OS X, Win XP)
    FF3 (Win XP)

Description

You are able to tab to the sortable jQuery tabs; however, once a tab has focus, you are unable to tab off. shift-tab also has no effect.

Steps to reproduce:

1) open the reorderable jQuery UI tabs page off of the daily build site:
http://build.fluidproject.org/fluid/sample-code/reorderer/jquery-tabs/jquery-tabs.html

2) tap the 'tab' key until one of the reoderable jQuery tabs has focus.

3) tap the 'tab' key again. Notice that there is no response. (note in ff3, it cycles through the jQuery tabs)

4) tap 'shift-tab'. Notice that there is no response.

Issue Links

This issue duplicates:
FLUID-539 Can't use the "Tab" key to navigate out of reorderable tabs Critical Closed
This issue relates to:
FLUID-861 Cannot tab off of accessible jQuery tabs: using FF Major Closed
This issue relates to:
FLUID-863 no focus styling when tabbing through reorderable jQuery tabs, using FF3 Major Closed

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Anastasia Cheetham added a comment -
Subsequent tabs are actually moving focus among the tabs (with no visual ques). This is a result of the inherent jQuery tabs keyboard interaction: http://ui.jquery.com/functional_demos/#ui.tabs

The inherent jQuery tabs keyboard interaction seems to be different than what we've implemented (and what general guidelines recommend, i.e. tab *to* a group, then arrow around *in* the group). Not sure how we should deal with this.
Show
Anastasia Cheetham added a comment - Subsequent tabs are actually moving focus among the tabs (with no visual ques). This is a result of the inherent jQuery tabs keyboard interaction: http://ui.jquery.com/functional_demos/#ui.tabs The inherent jQuery tabs keyboard interaction seems to be different than what we've implemented (and what general guidelines recommend, i.e. tab *to* a group, then arrow around *in* the group). Not sure how we should deal with this.
Hide
Permalink
Anastasia Cheetham added a comment -
Justin, could you revisit this one, and check if focus is simply moving amongs the tabs without any visual indication? (if you hit enter, it should activate a tab, confirming that you've moved focus).

The fact that you can tab amongst the tabs is a bug in jQuery: http://ui.jquery.com/bugs/ticket/3079
Show
Anastasia Cheetham added a comment - Justin, could you revisit this one, and check if focus is simply moving amongs the tabs without any visual indication? (if you hit enter, it should activate a tab, confirming that you've moved focus). The fact that you can tab amongst the tabs is a bug in jQuery: http://ui.jquery.com/bugs/ticket/3079
Hide
Permalink
Justin Obara added a comment -
No, the focus is not moving at all.

Pressing 'tab' multiple times and then pressing 'enter', still activates the same jQuery tab.

When you press 'tab' after putting focus on the first jQuery tab the message at the bottom of the FF2 browser says:
http://build.fluidproject.org/fluid/sample-code/reorderer/jquery-tabs/jquery-tabs.html#fragment-0

If you use the arrow keys to move focus to the next jQuery tab and press the 'tab' key, the message says:
http://build.fluidproject.org/fluid/sample-code/reorderer/jquery-tabs/jquery-tabs.html#fragment-1
Show
Justin Obara added a comment - No, the focus is not moving at all. Pressing 'tab' multiple times and then pressing 'enter', still activates the same jQuery tab. When you press 'tab' after putting focus on the first jQuery tab the message at the bottom of the FF2 browser says: http://build.fluidproject.org/fluid/sample-code/reorderer/jquery-tabs/jquery-tabs.html#fragment-0 If you use the arrow keys to move focus to the next jQuery tab and press the 'tab' key, the message says: http://build.fluidproject.org/fluid/sample-code/reorderer/jquery-tabs/jquery-tabs.html#fragment-1

People

Vote (0)
Watch (0)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4#649-r158309) | Report a problem
Powered by a free Atlassian JIRA open source license for The FLUID Project. Try JIRA - bug tracking software for your team.