Opened 9 years ago

Closed 9 years ago

Last modified 6 years ago

#6076 closed bug (worksforme)

Tab's active and highlight classes not removed on first click of another tab (only when the initialised selected tab is not the first one)

Reported by: kyleduncan Owned by:
Priority: major Milestone:
Component: ui.tabs Version: 1.8.5
Keywords: tabs selected ui-state-active ui-state-highlight Cc:
Blocked by: Blocking:

Description

If you initialize a set of ajax tabs with the "selected" option as anything other than the first tab (for the illustration i'll say i have 4 tabs with indeces 0,1,2,3.

I have set up this code:

$("#tabsWrapper").tabs({

selected: 1

});

Now, the first click onto another tab (e.g. tab 3) doesn't cause "ui-state-active" and "ui-state-highlight" to be removed from the initially selected tab (1). The second click of a tab (e.g. tab 4) fixes everything, as then ui-state-highlight and ui-state-active are removed from BOTH the initially selected tab (1) and the currently visible active tab (3).

Just to be clear, the actual tab panel content is handled correctly (e.g. the page loads with tab 1's content showing and when you click Tab 3, tab 1 content disappears and tab 3 is loaded in. it's just the classes on the tab itself that are not removed on the first click of another tab, when the tabs were initialised with anything other than 0 as selected.

Change History (3)

comment:1 Changed 9 years ago by kyleduncan

sorry, the first sentence should read:

"If you initialize a set of ajax tabs with the "selected" option as anything other than the first tab, the first mouse click onto another tab does not remove the active/highlight classes from the initially selected tab (for the illustration i'll say i have 4 tabs with indeces 0,1,2,3.)"

comment:2 Changed 9 years ago by Scott González

Resolution: worksforme
Status: newclosed

comment:3 Changed 6 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.