mirror of
https://github.com/servo/servo.git
synced 2025-08-14 09:55:35 +01:00
Update web-platform-tests to revision 2332a6bd8ab3d47986492a44d7a0455dfb4ad823
This commit is contained in:
parent
d2856ce8ae
commit
c789859814
350 changed files with 5147 additions and 1855 deletions
|
@ -10,13 +10,10 @@
|
|||
<meta name='flags' content='dom'>
|
||||
<meta name="assert" content="When white-space allows wrapping, line breaking behavior defined for the WJ, ZW, and GL line-breaking classes in [UAX14] must be honored.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -10,13 +10,10 @@
|
|||
<meta name='flags' content='dom'>
|
||||
<meta name="assert" content="When white-space allows wrapping, line breaking behavior defined for the WJ, ZW, and GL line-breaking classes in [UAX14] must be honored.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,25 +7,24 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +34,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking space characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa֊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa֊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa֊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa֊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa֊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa–bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa–bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa–bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa–bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa–bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa־bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa־bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa־bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa־bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa־bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa་bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa་bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa་bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa་bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa་bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa፡bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa፡bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa፡bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa፡bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa፡bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‧bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‧bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‧bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‧bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‧bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after each of the BA visible word divider characters.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa|bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᛭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁘bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⁞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸙bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸪bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸪bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸪bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸪bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸪bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸫bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸬bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸭bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄀bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄀bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄀bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄀bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄀bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄁bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄁bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄁bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄁bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄁bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄂bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄂bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄂bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄂bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐄂bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐎟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐎟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐎟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐎟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐎟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐏐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐏐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐏐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐏐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐏐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐤟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐤟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐤟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐤟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐤟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA historic word separator property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𒑰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𒑰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𒑰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𒑰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𒑰bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa।bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa।bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa।bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa।bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa।bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa॥bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa॥bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa॥bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa॥bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa॥bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa๛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa၊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa၊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa၊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa၊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa၊bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa။bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa။bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa။bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa။bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa။bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜵bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜵bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜵bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜵bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜵bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜶bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜶bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜶bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜶bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᜶bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa។bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa។bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa។bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa។bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa។bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៕bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៕bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៕bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៕bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa៕bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣎bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣎bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣎bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣎bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣎bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꣏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩞bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꩟bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩖bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA danda property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa༴bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa༴bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa༴bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa༴bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa༴bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaཿbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaཿbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaཿbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaཿbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaཿbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa޾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa޾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa޾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa޾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa޾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa྿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The UA will break a line of text after any Unicode character with the BA tibetan property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa࿒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠄bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠄bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠄bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠄bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠄bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᠅bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭚bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭛bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭜bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭜bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭜bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭜bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭜bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭝bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭠bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭠bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭠bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭠bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᭠bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᰿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱾bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa᱿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳺bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳺bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳺bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳺bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳺bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳻bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳼bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⳿bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa⸗bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘍bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘍bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘍bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘍bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘍bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꘏bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤮bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤮bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤮bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤮bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤮bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤯bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤯bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤯bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤯bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa꤯bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩐bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩑bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩑bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩑bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩑bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩑bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
|
@ -7,16 +7,13 @@
|
|||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#line-breaking'>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<meta name='flags' content='dom'>
|
||||
<meta name='flags' content='should dom'>
|
||||
<meta name="assert" content="[Exploratory] The browser will break a line of text after any Unicode character with the BA Other Terminating Punctuation property.">
|
||||
<style type='text/css'>
|
||||
@font-face {
|
||||
font-family: 'csstest_ascii';
|
||||
src: url('support/csstest-ascii-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
|
||||
.test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
|
||||
#breakable2 { white-space: pre-line; }
|
||||
#breakable3 { white-space: pre-wrap; }
|
||||
#breakable4 { white-space: break-spaces; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -24,8 +21,11 @@
|
|||
|
||||
|
||||
<div class="test">
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
<div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa𐩒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
|
@ -35,8 +35,17 @@ Box height: <span id='debugresult'></span><script>document.getElementById('debug
|
|||
-->
|
||||
<script>
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, " ");
|
||||
assert_true(document.getElementById('breakable').offsetHeight > 35);
|
||||
}, "white-space:normal");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable2').offsetHeight > 35);
|
||||
}, "white-space:pre-line");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable3').offsetHeight > 35);
|
||||
}, "white-space:pre-wrap");
|
||||
test(function() {
|
||||
assert_true(document.getElementById('breakable4').offsetHeight > 35);
|
||||
}, "white-space:break-spaces");
|
||||
</script>
|
||||
|
||||
<div id='log'></div>
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue