Bug 226006

Summary:

REGRESSION: Safari v14.1 computes element height to be 33,554,432 pixels

Product:

WebKit

Reporter:

MarkG <theblueslate>

Component:

Layout and Rendering

Assignee:

alan <zalan>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

bfulgham, koivisto, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 14

Hardware:

Mac (Intel)

OS:

macOS 11

URL:

https://jsfiddle.net/ao1xcs2q/

Attachments:

Description	Flags
screenshot of how jsfiddle looks in safari v14.1 vs how it should actually look	none
Test reduction	none
Patch	none

MarkG

Reported 2021-05-19 23:08:19 PDT

Created attachment 429138 [details] screenshot of how jsfiddle looks in safari v14.1 vs how it should actually look Safari v14.1 (build 16611.1.21.161.6) broke the display of one of our pages. I've replicated the problem here: https://jsfiddle.net/ao1xcs2q/ I have also attached a screenshot which shows how the jsfiddle renders on safari v14.1 (and iOS v14.5.1) and how it used to render on previous versions. The element that breaks rendering is: <small class="noteshow">This could be a YouTube or Vimeo video, or something else</small>. The css rule that causes the problem is the margin-top: -10px. Safari v14.1 renders the element as 33,554,432 pixels high, completely obscuring any following content on the page. Disabling this rule makes makes the element render as expected.

Attachments
screenshot of how jsfiddle looks in safari v14.1 vs how it should actually look (16.44 KB, image/png) 2021-05-19 23:08 PDT, MarkG	no flags	Details
Test reduction (312 bytes, text/html) 2021-05-25 11:13 PDT, alan	no flags	Details
Patch (6.83 KB, patch) 2021-05-25 16:16 PDT, alan	no flags	Details Formatted Diff Diff
View All Add attachment proposed patch, testcase, etc.