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
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 comment:1
Changed November 20, 2013 05:03AM UTC by comment:2
Changed November 20, 2013 05:05AM UTC by 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 comment:4
| resolution: | → duplicate |
|---|---|
| status: | new → closed |
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.
Note that I am testing this on Windows 8.1 Pro with ClearType turned on.