fune/testing/web-platform/tests/css/css-ui/outline-025.html
Manuel Rego Casasnovas 6e7f8fc09f Bug 1636045 [wpt PR 23420] - Fix "auto" outline with padding and overflowing inline descendants, a=testonly
Automatic update from web-platform-tests
Fix "auto" outline with padding and overflowing inline descendants

This patch fixes a regression in LayoutNG compared to legacy,
when the descendant of an element with padding and "outline: auto"
is an inline block.
And also when it's an inline element (which was not working properly
in legacy layout either, that's why outline-025 and outline-026 tests
fail on legacy).

We need to rebaseline an old pixel test, as we're coming back
to the legacy layout behavior for it.

BUG=1078539
TEST=external/wpt/css/css-ui/outline-024.html
TEST=external/wpt/css/css-ui/outline-025.html
TEST=external/wpt/css/css-ui/outline-026.html

Change-Id: I8ccf72fb34e1d9ce6821eec9312f1fecd52e1281
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2182471
Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org>
Reviewed-by: Koji Ishii <kojii@chromium.org>
Commit-Queue: Manuel Rego <rego@igalia.com>
Cr-Commit-Position: refs/heads/master@{#766312}

--

wpt-commits: 663e39d65620ff336e5183b0b4c2a7bb1636c2c7
wpt-pr: 23420
2020-05-20 10:28:42 +00:00

13 lines
773 B
HTML

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface: outline with padding</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-ui/#outline-props">
<link rel="match" href="reference/outline-024-ref.html">
<meta name="assert" content="Test checks that 'auto' outline works as expected in an element with padding and overflowing inline descendant.">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<p>Test passes if the outline is wrapping all the green boxes.</p>
<div style="width: 50px; height: 50px; padding: 10px; outline: auto;">
<div style="display: inline; font: 50px/1 Ahem; color: green;">XX</div>
</div>