Search and Top Navigation
#4662 closed bug (fixed)
Opened July 09, 2009 09:43PM UTC
Closed July 14, 2010 05:27PM UTC
Last modified November 19, 2010 06:26PM UTC
Accordion: Long links create line breaks in IE
| Reported by: | smiller.health | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | 1.8.3 |
| Component: | ui.accordion | Version: | 1.7.2 |
| Keywords: | anchor link zoom break space | Cc: | |
| Blocked by: | Blocking: |
Description
In IE 6, 7 or 8 any anchor link text (within other text) in the accordion that spans multiple lines has unusual breaks before and after the link. I have traced it down to a single call inside the accordion widget's _init function that adds "zoom:1" styling to all anchor elements in IE:
// IE7-/Win - Extra vertical space in lists fixed
if ($.browser.msie) {
this.element.find('a').css('zoom', '1');
}
When this code is removed, this is no longer a problem.
To reproduce:
1. Copy zoom.html, jquery-1.3.2.min.js, jquery-ui-1.7.2.custom.min.js, and ui.theme.css to a test directory
2. Open zoom.html in Internet Explorer
3. Note that in every accordion frame the link text has undesired spacing problems
Attachments (4)
Change History (5)
Changed November 16, 2009 07:04AM UTC by comment:1
| milestone: | TBD → 1.8 |
|---|
Changed July 14, 2010 12:14PM UTC by comment:2
| summary: | IE - long links have spacing problems in accordion widget → Accordion: Long links create line breaks in IE |
|---|
Changed July 14, 2010 05:27PM UTC by comment:3
| resolution: | → fixed |
|---|---|
| status: | new → closed |
Fixed in 66659a1.
Changed August 04, 2010 01:21AM UTC by comment:4
| milestone: | 1.9 → 1.8.3 |
|---|
At some point we added zoom:1 to the accordion content elements in ui.accordion.css, that may replace the need for this workaround. Need to verify what exactly this was supposed to fix.