FLUID-862: Cannot use the keyboard to navigate away from the reorderable jQuery tabs, using ff

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.

Environments

FF2 (Mac OS X, Win XP)
FF3 (Win XP)

Comments

• Anastasia Cheetham commented 2008-07-08T18:25:54.000-0400

  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.

• Anastasia Cheetham commented 2008-07-09T17:37:10.000-0400

  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

• Justin Obara commented 2008-07-09T17:49:06.000-0400

  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