Opened 8 years ago

Closed 7 years ago

Last modified 6 years ago

#4662 closed bug (fixed)

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

Change History (5)

comment:1 Changed 7 years ago by jzaefferer

  • 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 7 years ago by scottgonzalez

  • Summary changed from IE - long links have spacing problems in accordion widget to Accordion: Long links create line breaks in IE

comment:3 Changed 7 years ago by scottgonzalez

  • Resolution set to fixed
  • Status changed from new to closed

Fixed in 66659a1.

comment:4 Changed 7 years ago by scottgonzalez

  • Milestone changed from 1.9 to 1.8.3

comment:5 Changed 6 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.