[Webkit-unassigned] [Bug 222537] New: Nested flex-direction: column + height: 100% blocks make page freezed.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=222537

            Bug ID: 222537
           Summary: Nested flex-direction: column + height: 100% blocks
                    make page freezed.
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 11
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: forcyacha at gmail.com

Bug also is reproducing on iPad and iPhone with Safari 14.4

Try this small benchmark test on any page and page'll get freezed.

console.time("benchmark");
var parentNode = document.body;
for(var i=0; i<20; i++) {
var childNode = document.createElement("div");
childNode.style.display = "flex";
childNode.style.height = "100%";
childNode.style.flexDirection = i % 3 === 0 ? "column" : "";
parentNode.appendChild(childNode);
parentNode = childNode;
}
childNode.innerHTML = "Text";
var height = document.body.children[0].offsetHeight;
console.timeEnd("benchmark");

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210301/d8ada203/attachment-0001.htm>