Skip to:

  1. Skip to Jira Navigation
  2. Skip to Side Navigation
  3. Skip to Main Content

no focus styling when tabbing through reorderable jQuery tabs, using FF3

Description

When tabbing through the set of reorderable jQuery tabs, the focus styling does not display.

Steps to reproduce:

1) open the reorderable jQuery page from 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 reorderable jQuery tabs has focus.

3) tap the 'tab' key again. Notice that the focus styling is not present on any tab.

4) press 'enter', one of the other tabs should have been selected.

Environment

FF3 (Win XP)

Activity

Show:

Anastasia Cheetham July 9, 2008 at 9:35 PM

This is actually not a bug in our code: tabbing through the tabs is not the way you're supposed to navigate tabs. The fact that you can with jQuery tabs is a bug in jQuery, which I filed:

http://ui.jquery.com/bugs/ticket/3079

Anastasia Cheetham July 8, 2008 at 10:20 PM

I'm not sure this one is a bug. The behaviour you describe is the way jQuery tabs just work, independent of the Reorderer. Try
http://ui.jquery.com/functional_demos/#ui.tabs

The issue seems to be that in step 3) of your process, 'focus' is moving to the next tab, there's just no visual indication. Hitting enter at this point activates the new tab. You can see this more clearly if you hit tab more than once (and keep track in your head of where you are).

I guess the question is: Should the Reorderer be adding visual styling to this already existing behaviour? Not sure...

Won't Fix

Details

Assignee

Reporter

Components

Affects versions

Priority

Created July 8, 2008 at 8:35 PM
Updated July 9, 2008 at 9:42 PM
Resolved July 9, 2008 at 9:35 PM