forked from mirrors/gecko-dev
7f7df2e236
Automatic update from web-platform-tests Fix "auto" outline in elements with padding and inline descendants This patches fixes the problem described in crbug.com/1048070 related with elements with padding and inline-block or inline descendants. For these elements the outline was being wrongly painted as we were computing some offsets twice. This patch adds a test covering lots of cases and combinations: external/wpt/css/css-ui/outline-027.html Apart fromt that it also adds a test for outline elements and floating descendants with margins and paddings: external/wpt/css/css-ui/outline-028.html This one is unrelated to this patch and was working fine too, but in our previous attempt to fix this issue we got a regression related to floated elements (see crbug.com/1057576). Last this is also including the test that was written for the original patch that ended up being reverted https://chromium-review.googlesource.com/c/chromium/src/+/2038296: external/wpt/css/css-ui/outline-with-padding-001.html BUG=1048070 TEST=external/wpt/css/css-ui/outline-027.html TEST=external/wpt/css/css-ui/outline-028.html TEST=external/wpt/css/css-ui/outline-with-padding-001.html Change-Id: Ie7cf667b91deafa351af7915e69a066c5a665334 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2187311 Commit-Queue: Manuel Rego <rego@igalia.com> Reviewed-by: Koji Ishii <kojii@chromium.org> Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Cr-Commit-Position: refs/heads/master@{#766571} -- wpt-commits: a86cabb4a98639615642d53d28bbed629eb40a78 wpt-pr: 23455
24 lines
473 B
HTML
24 lines
473 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
inline-block {
|
|
display: inline-block;
|
|
width: 65px;
|
|
color: transparent;
|
|
background: orange;
|
|
}
|
|
spacer {
|
|
display: inline-block;
|
|
width: 99px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div style="display: flex">
|
|
<span style="outline: auto">
|
|
<spacer></spacer><inline-block>Previous</inline-block>
|
|
</span>
|
|
</div>
|
|
|
|
<div style="display: inline-block; outline: auto; white-space: nowrap;">
|
|
<spacer></spacer><inline-block>Previous</inline-block>
|
|
</div>
|
|
</body>
|