Opened 14 years ago

Closed 13 years ago

Last modified 12 years ago

#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:
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)

zoom.html (3.7 KB) - added by smiller.health 14 years ago.
jquery-1.3.2.min.js (55.9 KB) - added by smiller.health 14 years ago.
jquery-ui-1.7.2.custom.min.js (16.5 KB) - added by smiller.health 14 years ago.
ui.theme.css (17.4 KB) - added by smiller.health 14 years ago.

Download all attachments as: .zip

Change History (9)

Changed 14 years ago by smiller.health

Attachment: zoom.html added

Changed 14 years ago by smiller.health

Attachment: jquery-1.3.2.min.js added

Changed 14 years ago by smiller.health

Changed 14 years ago by smiller.health

Attachment: ui.theme.css added

comment:1 Changed 13 years ago by Jörn Zaefferer

Milestone: TBD1.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 13 years ago by Scott González

Summary: IE - long links have spacing problems in accordion widgetAccordion: Long links create line breaks in IE

comment:3 Changed 13 years ago by Scott González

Resolution: fixed
Status: newclosed

Fixed in 66659a1.

comment:4 Changed 13 years ago by Scott González

Milestone: 1.91.8.3

comment:5 Changed 12 years ago by Scott González

Accordion: Remove zoom on anchors. Fixes #4662 - Accordion: Long links create line breaks in IE.

Changeset: 66659a12400b45dc490a8089e30a3ad9d2b72a02

Note: See TracTickets for help on using tickets.