Ticket #4662 (closed bug: fixed)
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: | |
| Blocking: | Blocked by: |
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:
- 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
- Open zoom.html in Internet Explorer
- Note that in every accordion frame the link text has undesired spacing problems
Attachments
Change History
comment:1 Changed 4 years ago by joern.zaefferer
- Milestone changed from TBD to 1.8
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.
comment:2 Changed 3 years ago by scott.gonzalez
- Summary changed from IE - long links have spacing problems in accordion widget to Accordion: Long links create line breaks in IE
comment:3 Changed 3 years ago by scott.gonzalez
- Status changed from new to closed
- Resolution set to fixed
Fixed in 66659a1.
comment:5 Changed 3 years ago by Scott González
Accordion: Remove zoom on anchors. Fixes #4662 - Accordion: Long links create line breaks in IE.
Changeset: 66659a12400b45dc490a8089e30a3ad9d2b72a02


