third_party/WebKit/LayoutTests/fast/block/large-padding.html - Issue 2716583002: Avoid negative content box sizes.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: third_party/WebKit/LayoutTests/fast/block/large-padding.html

Issue 2716583002: Avoid negative content box sizes. (Closed)

Patch Set: Created 3 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

Index: third_party/WebKit/LayoutTests/fast/block/large-padding.html

diff --git a/third_party/WebKit/LayoutTests/fast/block/large-padding.html b/third_party/WebKit/LayoutTests/fast/block/large-padding.html

new file mode 100644

index 0000000000000000000000000000000000000000..adac9f6c424372a69a66b47e0f652a0a37d80701

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/fast/block/large-padding.html

@@ -0,0 +1,25 @@

+<!DOCTYPE html>

+<div style="position:relative; width:500px;">

+ <!-- With such large horizontal borders and padding, the content box width

+ of the following block should become 0, since its available width is

+ just 500px. The percentage padding specified on its child should

+ resolve to 0 for all sides, since percentage padding is always

+ resolved against the logical *width* of the containing block (even for

+ padding-top and padding-bottom). -->

+ <div style="position:relative; padding:0 1234567890px; border-width:0 1234567890px; border-style:solid;">

+ <div id="inner" style="padding:10%; height:300px;"></div>

+ </div>

+ <!-- And here's a sibling to verify that the insane border and padding and

+ percentage padding resolution didn't have any ill effects on block

+ progression. -->

+ <div id="sibling"></div>

+</div>

+<script src="../../resources/testharness.js"></script>

+<script src="../../resources/testharnessreport.js"></script>

+<script>

+ test(() => {

+ assert_equals(document.getElementById("sibling").offsetTop, 300);

+ assert_equals(document.getElementById("inner").offsetWidth, 0);

+ assert_equals(document.getElementById("inner").offsetHeight, 300);

+ }, "Sizes should never become negative");

+</script>