mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-27 20:25:44 +00:00
Bug 1516405
[wpt PR 14667] - [css-text] overflow-wrap:break-word does not change the min-content size, a=testonly
Automatic update from web-platform-tests [css-text] overflow-wrap:break-word does not change the min-content size -- wpt-commits: 69c2a2b356e180785ce276fd842959193bcb5a3c wpt-pr: 14667
This commit is contained in:
parent
9a61c0b37d
commit
90bd1a3c65
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap: anywhere and intrinsic sizing</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
|
||||
<meta name="flags" content="">
|
||||
<link rel="match" href="reference/overflow-wrap-min-content-size-004-ref.html">
|
||||
<meta name="assert" content="Soft wrap opportunities introduced by overflow-wrap:break-word **are not** considered when calculating min-content intrinsic sizes.">
|
||||
<style>
|
||||
table {
|
||||
overflow-wrap: break-word;
|
||||
max-width: 0;
|
||||
border: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
td {
|
||||
padding: 0;
|
||||
background: green;
|
||||
color: transparent;
|
||||
}
|
||||
#red {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
background: red;
|
||||
color: transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a green box below and no red.
|
||||
<div id=red>XXXX</div>
|
||||
<table><tr><td>XXXX</table>
|
||||
|
||||
<!--
|
||||
width:min-content on the div directly without using a table
|
||||
would achieve the goal of this test, and be a lot simpler.
|
||||
|
||||
However, width:min-content is not yet widely supported.
|
||||
|
||||
Using a table, and forcing it to be as small as possible
|
||||
will achieve min-content sizing of the div in all browsers.
|
||||
-->
|
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
position: absolute;
|
||||
background: green;
|
||||
color: transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a green box below and no red.
|
||||
<div>XXXX</div>
|
Loading…
Reference in New Issue
Block a user