Bug Tracker

Modify

Ticket #5440 (closed bug: worksforme)

Opened 4 years ago

Last modified 2 years ago

outerheight() and outerwidth() errors in firefox

Reported by: Ollie Owned by:
Priority: critical Milestone: 1.4
Component: dimensions Version: 1.3.2
Keywords: Cc:
Blocking: Blocked by:

Description

Firefox 3.5.4

The sizing information reported in Firefox for outerheight and outerwidth() does not accurately include border for both sides of a conatiner

This works accurately in Chrome and in IE

Attachments

css_sizing.htm Download (2.1 KB) - added by Ollie 4 years ago.
jQuerybug.pdf Download (208.4 KB) - added by Ollie 4 years ago.

Change History

Changed 4 years ago by Ollie

Changed 4 years ago by Ollie

comment:1 Changed 3 years ago by dmethvin

  • Component changed from unfiled to dimensions

comment:2 Changed 3 years ago by addyosmani

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

For the above test case, the outerWidth and outerHeight being returned by FireFox 3.6.10, Chrome and Safari is:

outerHeight: 224 outerWidth: 294

This is calculated as: outerHeight: 180 + (2*20) + (2*2) = 224 (where 20 is the padding on each side and 2 represents the border width)

outerWidth: 250 + (2*20) + (2*2) = 294 (again where 20 is the padding on each side and 2 represents the border width)

which is correct.

Looking at FireFox 3.5 on the Mac, I seem to be getting the same numbers returned.

Could you resubmit the ticket informing us what platform you were testing this bug on just so we can investigate further?

comment:3 Changed 3 years ago by mouette <julien_muetton@…>

Just to report I encountered the issue in firefox 3.6.10 on windows either.

comment:4 Changed 3 years ago by jitter

WFM with FF 3.6.12 on windows

comment:5 Changed 2 years ago by anonymous

I found this same bug on Firefox 4.0 for Mac on Snow Leopard. I fixed some of them by expanding the shortened padding definitions, e.g. 60px 20px 20px

to 60px 20px 20px 20px

But there's still a difference somewhere else.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.