Opened 8 years ago
Closed 8 years ago
#9059 closed bug (patcheswelcome)
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/
Change History (3)
comment:1 Changed 8 years ago by
comment:2 Changed 8 years ago by
| Status: | new → open |
|---|---|
| Summary: | Tables under Tabs cannot display properly in IE7 → Tabs: 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.
comment:3 Changed 8 years ago by
| Resolution: | → patcheswelcome |
|---|---|
| Status: | open → closed |
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.
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/