Skip to main content

Bug Tracker

Side navigation

#14326 closed bug (notabug)

Opened September 03, 2013 09:20AM UTC

Closed September 03, 2013 12:11PM UTC

Last modified September 03, 2013 12:17PM UTC

JQuery UI 1.10.3 Tabs Sortable

Reported by: smcardle@eossonline.com Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 1.10.2
Keywords: Cc:
Blocked by: Blocking:
Description

Hi All

I am using JQuery latest and JQuery UI 1.10.3 and there is a problem with the tab order after sorting.

Before sorting the tab order is 0 based but after sorting the tab order becomes 1 based.

This causes serious issues with our UI. All tabs are correct until they are sorted, just 2 tabs shown are enough to identify this issue.

Regards

Steve

Attachments (0)
Change History (4)

Changed September 03, 2013 09:32AM UTC by smcardle@eossonline.com comment:1

Actually, after a little more testing it appears that swapped tabs swap places.

So, if I have 2 tabs open and then swap them, the index does not update. If I add a third tab then the order of this is maintained, just the original swapped tabs are now indexed incorrectly.

Steve

Changed September 03, 2013 09:41AM UTC by smcardle@eossonline.com comment:2

For an example follow these steps.

1. Go to eoss.co.nz

2. On the accordion click the first 2 shown list items

3. Select the open tabs or the list items from the accordion and they will match

i.e. selecting the list item will activate the tab and selecting the tab will

highlight the matched list item. Do this as much as you like to convince yourself the functionality is as intended.

4. Drag and swap the tabs.

Selecting the tabs will still select the correct list item due to the JQuery selector but selecting the list items now select the alternate tabs.

5. Expand the next accordion and select the first list item. This will stay in sync between the list item and the tab, but the first two tabs will still be in the wrong order.

Regards

Steve

Changed September 03, 2013 12:11PM UTC by scottgonzalez comment:3

resolution: → notabug
status: newclosed

You need to call the refresh() method. Please ask for help on the forums or Stack Overflow. Also, this is the bug tracker for jQuery core. jQuery UI bugs need to be reported at http://bugs.jqueryui.com and must included a *reduced* test case showing the problem.

Changed September 03, 2013 12:17PM UTC by anonymous comment:4

I do call the refresh() method....

Sorry about the wrong bug tracker, this is my first post here :)

Regards

Steve