Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-27 20:25:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1516405 [wpt PR 14667] - [css-text] overflow-wrap:break-word does not change the min-content size, a=testonly

Browse Source 
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:
Florian Rivoal 2019-01-31 15:16:37 +00:00 committed by James Graham
parent 9a61c0b37d
commit 90bd1a3c65
2 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
testing/web-platform/tests/css/css-text/overflow-wrap/overflow-wrap-min-content-size-004.html Normal file
View File

@ -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.
-->

14
testing/web-platform/tests/css/css-text/overflow-wrap/reference/overflow-wrap-min-content-size-004-ref.html Normal file
View File

@ -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>