gecko-dev/testing/web-platform/tests/css/css-ui/reference/outline-020-ref.html
Aleks Totic 43f9d67ea1 Bug 1465247 [wpt PR 11234] - [LayoutNG] Minor outline bug fix, a=testonly
Automatic update from web-platform-tests[LayoutNG] Minor outline bug fix

I found this one by accident in a testharness test. Adding a ref test
that will detect failure. Reftest also passes in FF.

Bug: 835484
Change-Id: I13b58bc8641f24a3fe18d70a1e3850e8e4a30513
Reviewed-on: https://chromium-review.googlesource.com/1077373
Reviewed-by: Koji Ishii <kojii@chromium.org>
Commit-Queue: Aleks Totic <atotic@chromium.org>
Cr-Commit-Position: refs/heads/master@{#562879}

--

wpt-commits: 22cae554ae0878e7c297efc488a2bcb4ad6cebb8
wpt-pr: 11234
2018-06-10 09:30:51 +01:00

26 lines
610 B
HTML

<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-UI test: outline block with outline inline reference file</title>
<link rel="author" title="Aleks Totic <atotic@chromium.org>">
<meta name=assert content="inline child displays outline correctly">
<style>
#container {
border: 5px solid green;
width: 110px;
height: 40px;
position: relative;
top: -5px;
left: -5px;
}
#target {
border: 5px solid blue;
position: relative;
top: 5px;
}
</style>
<p>Test passes if blue outline touches top left of green outline.</p>
<div id="container"><span id="target">x</span></div>