Side navigation
#5128 closed bug ()
Opened August 26, 2009 03:07AM UTC
Closed November 11, 2010 11:09PM UTC
innerHeight outerHeight innerWidth outerWidth inconsitency
Reported by: | kucheravy | Owned by: | kucheravy |
---|---|---|---|
Priority: | minor | Milestone: | 1.3.2 |
Component: | dimensions | Version: | 1.3.2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
This issue can be categorized as a bug or inconsistency. Here is the problem. Let’s say you have a div tag with specified style=”height: 200px; width: 200px;”. Then you add a large text inside let’s say in a pre tag so that you have the vertical and horizontal scroller. Now if you call innerHeight you’ll get the 200, if you call the outerHeight you’ll get the actual height of the whole content which is more than 200. However if you call innerWidth you’ll get the 200 but outerWidth will give you the same 200. The problem seems to go deeper to the browsers clientBlaBla, offsetBlaBla and scrollBlaBla but I didn’t investigate the details. What would you recommend to do? I need a method that will give me the client height and width and the total content height and width. Should I call the browser clientBlaBla and scrollBlaBla methods?
Please provide a distilled and reduced jsFiddle test case, thanks!