Skip to main content

Search and Top Navigation

#4371 closed bug (notabug)

Opened March 19, 2009 08:09PM UTC

Closed November 13, 2009 03:22AM UTC

Problem with removeClass in ui.tabs and IE8

Reported by: binside Owned by:
Priority: minor Milestone: 1.8
Component: ui.tabs Version: 1.7
Keywords: tabs, IE8 Cc:
Blocked by: Blocking:

I am using my own style for ui.tabs

The selected tab has 2 background images, because of the rounded corners and different width of each tab.

When I click on another tab, the previous selected tab is not showing properly.

Here is the CSS part:

li.ui-tabs-selected {
	display: block;
	float: left;
	height: 32px;
	background: #E6E6E6 url(tab-right.gif) no-repeat top right;

li.ui-tabs-selected a {
	color: #FF6600;
	background: transparent url(tab-left.gif) no-repeat top left;

It works fine in all major browsers like FF 3.0.7, Opera 9.62, Safari, Chome, IE7. The problem is with IE8 only. It happens both with JQuery UI 1.5.3 and 1.7

Seems like the js is removing the class only for li.ui-tabs-selected and not for li.ui-tabs-selected a

Attachments (1)
  • shot2.png (6.6 KB) - added by binside March 19, 2009 08:09PM UTC.
Change History (4)

Changed March 21, 2009 02:28PM UTC by Cloudream comment:1

It seems that this is a bug for IE8 but not tabs, could you submit your page source code here?

Changed May 07, 2009 11:16AM UTC by jzaefferer comment:2

milestone: TBD1.7.2

Changed May 07, 2009 01:39PM UTC by jzaefferer comment:3


Changed November 13, 2009 03:22AM UTC by scottgonzalez comment:4

resolution: → invalid
status: newclosed

Closing due to invalid report (described behavior is impossible) and there has been no update in 8 months.