Skip to main content

Bug Tracker

Side navigation

#14556 closed bug (duplicate)

Opened November 20, 2013 04:57AM UTC

Closed December 08, 2013 03:36PM UTC

outerWidth(true) off by one pixel in IE 11 and FF 25 but not Chrome 31

Reported by: me@nathanalden.com Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 2.0.3
Keywords: Cc:
Blocked by: Blocking:
Description

http://jsfiddle.net/aC5M6/

In the above Fiddle, the existence of font-family: sans-serif in the * selector causes IE 11 and FF 25 to calculate an outerWidth(true) that is one pixel too small, causing some li elements to wrap. Chrome 31 renders the li elements just fine in either case. Rem

I first encountered this bug while using SimpleModal 1.4.4, which uses jQuery's outerWidth(true) method to calculated a modal dialog's width.

Attachments (0)
Change History (4)

Changed November 20, 2013 05:00AM UTC by me@nathanalden.com comment:1

Note that I am testing this on Windows 8.1 Pro with ClearType turned on.

Changed November 20, 2013 05:05AM UTC by me@nathanalden.com comment:3

One additional note: this bug occurs in IE 9+ (tested by using IE 11's document modes).

Changed December 08, 2013 03:36PM UTC by dmethvin comment:4

resolution: → duplicate
status: newclosed

Duplicate of #9628.The SO thread referenced in comment 2 explains the problem, we already have an open ticket #9628 for it so I will close this as a dup.

The solution is complicated because a lot of code will break if we just start returning non-integer values. Also, .width() and .height() will attempt to determine the actual dimensions of elements currently set to display: none which requires temporary swapping of display properties.