Bug 213236 - Browser reports wrong element size
Summary: Browser reports wrong element size
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 13
Hardware: iPhone / iPad iOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-06-15 23:39 PDT by Roland Soos
Modified: 2020-06-17 18:05 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Roland Soos 2020-06-15 23:39:54 PDT 
Steps to reproduce:

- Attach the iPhone or iPad to your Mac and inspect the current tab
- Navigate this tab to: https://smartslider3.com/bugs/webkit/wrongheight/
- Examine the console - values are: el, jQuery->outerHeight(), jQuery->height(), el.getBoundingClientRect(), el.clientHeight, el.scrollHeight


All height value should be 800 and width in getBoundingClientRect() should be 1440

What went wrong?
At first load the browser reports wrong values. on my iPhone 11 it reports 1065px for the height and 414px for the width.

Debugger stopped right after the console log. If you use the console in this paused state and try to print out values for the very same element, it will report the right values.


Note: This only happens on the first load. Clear the whole cache to reproduce it again. Or enter private mode, open the page, to refresh close the tab and open a new tab. 

Happens on IOS 13.5, and IOS 12.9
Comment 1 Roland Soos 2020-06-15 23:41:50 PDT 
> Happens on IOS 13.5, and IOS 12.9

Happens on IOS 13.5. (I forgot to delete the ", and IOS 12.9" part)
Comment 2 Radar WebKit Bug Importer 2020-06-17 18:05:10 PDT 
<rdar://problem/64471501>