Skip to main content

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

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 jzaefferer comment:1

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.

Changed July 14, 2010 12:14PM UTC by scottgonzalez comment:2

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

Changed July 14, 2010 05:27PM UTC by scottgonzalez comment:3

resolution: → fixed
status: newclosed

Fixed in 66659a1.

Changed August 04, 2010 01:21AM UTC by scottgonzalez comment:4


Changed November 19, 2010 06:26PM UTC by Scott González comment:5

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

Changeset: 66659a12400b45dc490a8089e30a3ad9d2b72a02