Skip to main content

Search and Top Navigation

#4525 closed bug (fixed)

Opened May 08, 2009 07:01PM UTC

Closed May 17, 2011 02:14PM UTC

Remove Tab problem with hide() Effect on Selected Tab

Reported by: reedmaniac Owned by:
Priority: minor Milestone: 1.8.5
Component: ui.tabs Version: 1.7.1
Keywords: tabs remove hide effect Cc:
Blocked by: Blocking:

A bit of a tricky one to pin down. Prior to the tab being deleted, I wanted the tab container to be hidden first using a regular hide() Effect. Then, I was going to do the .tabs('remove') in the callback.

Simple enough. However, I also wanted an 'add tab" list item that would be float:right in the same ul as the Tab'ed items. This additional, non-Tab'ed item seems to be what causes a problem.

Included is a file to duplicate. Steps:

1. Drop this file into the ./demos/tabs/ directory so it loads files/theme correctly.

2. Click the image in the upper right of the "Nunc tincidunt" tab.

Result: "Nunc tincidunt" AND "Proin dolor" tabs disappear.

I tracked this down a bit. It seems that when the remove() method tries to select another tab that the select() method's last line causes the next tab to be deleted too:

this.anchors.eq(index).trigger(this.options.event + '.tabs');

Attachments (1)
  • sortable_test.html (4.5 KB) - added by reedmaniac May 08, 2009 07:02PM UTC.

    Delete of Currently Selected Tab Deletes Two Tabs

Change History (2)

Changed May 11, 2009 11:27AM UTC by jzaefferer comment:1

milestone: TBD1.8

Changed May 17, 2011 02:14PM UTC by scottgonzalez comment:2

resolution: → fixed
status: newclosed

This was fixed in 1.8.5.