Skip to main content

Search and Top Navigation

#9059 closed bug (patcheswelcome)

Opened February 05, 2013 09:20AM UTC

Closed February 08, 2013 08:56PM UTC

Tabs: Table display issue in IE7

Reported by: managerchan Owned by:
Priority: minor Milestone: none
Component: ui.tabs Version: 1.10.0
Keywords: Cc:
Blocked by: Blocking:
Description

Tables under Tabs cannot display properly (Text in table cell got cropped). This issue only happens in IE 7.


jQueryUI version:

1.8.24 - Table under "Tab 1" not display properly

1.9.2 - Tables under both tabs not display properly

1.10.0 - Table under "Tab 2" not display properly


Browser: Internet Explorer 7 (7.0.6001.18000)

Operating system: Windows Vista Enterprise Service Pack 1 (32 bit)


jsbin link (1.10.0): http://jsbin.com/ezawis/7/

Attachments (0)
Change History (3)

Changed February 05, 2013 10:18AM UTC by managerchan comment:1

Just found a question in stackoverflow regarding the same issue. A solution is to add class="ui-widget" to each tab.

stackoverflow link:

http://stackoverflow.com/questions/7153182/how-to-fix-jquery-tabs-adjusting-table-columns-widths-to-obscure-content

jsbin link:

http://jsbin.com/ezawis/10/

Changed February 06, 2013 02:35AM UTC by tj.vantoll comment:2

status: newopen
summary: Tables under Tabs cannot display properly in IE7Tabs: Table display issue in IE7

I can confirm this against master - http://jsbin.com/ezawis/39.

This happens in IE7, but does not happen in later versions of IE simulating IE7, which makes debugging fun. I see that adding the class

ui-widget
fixes the problem, but all that does is add a
font-size
. Dynamically adding a
font-size
to the
ui-tabs-panel
via Firebug lite fixes the issue, but doing it via CSS has no effect.

Changed February 08, 2013 08:56PM UTC by scottgonzalez comment:3

resolution: → patcheswelcome
status: openclosed

At this point, we're not going to invest any more time into searching for a workaround that we're comfortable implementing. If anyone has a proposed fix, we'll gladly review a pull request.