Ticket #4371 (closed bug: notabug)

Opened 4 years ago

Last modified 4 years ago

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:
Blocking: Blocked by:

Description

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

shot2.png Download (6.6 KB) - added by binside 4 years ago.

Change History

Changed 4 years ago by binside

comment:1 Changed 4 years ago by Cloudream

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

comment:2 Changed 4 years ago by joern.zaefferer

  • Milestone changed from TBD to 1.7.2

comment:3 Changed 4 years ago by joern.zaefferer

  • Milestone changed from 1.7.2 to 1.8

comment:4 Changed 4 years ago by scott.gonzalez

  • Status changed from new to closed
  • Resolution set to invalid

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

Note: See TracTickets for help on using tickets.