Attachment #369832 for bug #181169

View Details Raw Unified Return to Bug 181169

| Differences between



2019-04-30  Javier Fernandez  <jfernandez@igalia.com>

        Implement "line-break: anywhere"
        https://bugs.webkit.org/show_bug.cgi?id=181169
        <rdar://problem/48507088>

        Reviewed by Myles C. Maxfield.

        The CSS WG resolved [1] to add a new value 'anywhere' to the 'line-break'
        CSS property in order to allow additional breaking opportunities not
        considered in the definition of the 'word-break: break-all'.

        [1] https://github.com/w3c/csswg-drafts/issues/1171

        Tests: imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-003.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-004.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-005.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-006.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-007.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-008.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-009.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-010.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-011.html
               imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-012.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-016.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-017.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-018.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-019.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-021.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-022.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-023.html
               imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-024.html

        * css/CSSPrimitiveValueMappings.h:
        (WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
        (WebCore::CSSPrimitiveValue::operator LineBreak const):
        * css/CSSProperties.json:
        * css/CSSValueKeywords.in:
        * css/parser/CSSParserFastPaths.cpp:
        (WebCore::CSSParserFastPaths::isValidKeywordPropertyAndValue):
        * rendering/BreakLines.h:
        (WebCore::nextBreakablePositionBreakCharacter):
        (WebCore::isBreakable):
        * rendering/RenderText.cpp:
        (WebCore::mapLineBreakToIteratorMode):
        (WebCore::RenderText::computePreferredLogicalWidths):
        * rendering/line/BreakingContext.h:
        (WebCore::BreakingContext::handleText):
        * rendering/style/RenderStyleConstants.h:

2019-05-13  Yusuke Suzuki  <ysuzuki@apple.com>

        Unreviewed, build fix after 245258, missing ThreadSpecific.h include

Lines 1644-1649 template<> inline CSSPrimitiveValue::CSSPrimitiveValue(LineBreak e) a/Source/WebCore/css/CSSPrimitiveValueMappings.h_sec1
- a/Source/WebCore/css/CSSPrimitiveValueMappings.h +5 lines
1644	case LineBreak::AfterWhiteSpace:	1644	case LineBreak::AfterWhiteSpace:
1645	m_value.valueID = CSSValueAfterWhiteSpace;	1645	m_value.valueID = CSSValueAfterWhiteSpace;
1646	break;	1646	break;
		1647	case LineBreak::Anywhere:
		1648	m_value.valueID = CSSValueAnywhere;
		1649	break;
1647	}	1650	}
1648	}	1651	}
1649		1652
Lines 1685-1690 template<> inline CSSPrimitiveValue::operator LineBreak() const a/Source/WebCore/css/CSSPrimitiveValueMappings.h_sec2
1685	return LineBreak::Strict;	1688	return LineBreak::Strict;
1686	case CSSValueAfterWhiteSpace:	1689	case CSSValueAfterWhiteSpace:
1687	return LineBreak::AfterWhiteSpace;	1690	return LineBreak::AfterWhiteSpace;
		1691	case CSSValueAnywhere:
		1692	return LineBreak::Anywhere;
1688	default:	1693	default:
1689	break;	1694	break;
1690	}	1695	}



                    "value": "after-white-space",
                    "status": "non-standard",
                    "comment": "Added in https://trac.webkit.org/changeset/7763"
                },
                "anywhere"
            ],
            "specification": {
                "category": "css-text",

Lines 789-794 loose a/Source/WebCore/css/CSSValueKeywords.in_sec1
- a/Source/WebCore/css/CSSValueKeywords.in +1 lines
789	// normal	789	// normal
790	strict	790	strict
791	after-white-space	791	after-white-space
		792	anywhere
792		793
793	// -webkit-appearance	794	// -webkit-appearance
794	// The order here must match the order in the ControlPart enum in ThemeTypes.h.	795	// The order here must match the order in the ControlPart enum in ThemeTypes.h.



        return valueID == CSSValueAuto || valueID == CSSValueNone || valueID == CSSValueAntialiased || valueID == CSSValueSubpixelAntialiased;
    case CSSPropertyWebkitLineAlign:
        return valueID == CSSValueNone || valueID == CSSValueEdges;
    case CSSPropertyLineBreak: // auto | loose | normal | strict | after-white-space | anywhere
        return valueID == CSSValueAuto || valueID == CSSValueLoose || valueID == CSSValueNormal || valueID == CSSValueStrict || valueID == CSSValueAfterWhiteSpace || valueID == CSSValueAnywhere;
    case CSSPropertyWebkitLineSnap:
        return valueID == CSSValueNone || valueID == CSSValueBaseline || valueID == CSSValueContain;
    case CSSPropertyWebkitMarginAfterCollapse:

Lines 187-198 inline unsigned nextBreakablePositionIgnoringNBSPWithoutShortcut(LazyLineBreakIt a/Source/WebCore/rendering/BreakLines.h_sec1
- a/Source/WebCore/rendering/BreakLines.h -2 / +15 lines
187	return nextBreakablePosition<UChar, NonBreakingSpaceBehavior::IgnoreNonBreakingSpace, CanUseShortcut::No>(lazyBreakIterator, stringView.characters16(), stringView.length(), startPosition);	187	return nextBreakablePosition<UChar, NonBreakingSpaceBehavior::IgnoreNonBreakingSpace, CanUseShortcut::No>(lazyBreakIterator, stringView.characters16(), stringView.length(), startPosition);
188	}	188	}
189		189
190	inline bool isBreakable(LazyLineBreakIterator& lazyBreakIterator, unsigned startPosition, Optional<unsigned>& nextBreakable, bool breakNBSP, bool canUseShortcut, bool keepAllWords)	190	inline unsigned nextBreakablePositionBreakCharacter(LazyLineBreakIterator& lazyBreakIterator, unsigned startPosition)
		191	{
		192	auto stringView = lazyBreakIterator.stringView();
		193	ASSERT(startPosition <= stringView.length());
		194	// FIXME: Can/Should we implement this using a Shared Iterator (performance issue)
		195	// https://bugs.webkit.org/show_bug.cgi?id=197876
		196	NonSharedCharacterBreakIterator iterator(stringView);
		197	Optional<unsigned> next = ubrk_following(iterator, startPosition);
		198	return next.valueOr(stringView.length());
		199	}
		200
		201	inline bool isBreakable(LazyLineBreakIterator& lazyBreakIterator, unsigned startPosition, Optional<unsigned>& nextBreakable, bool breakNBSP, bool canUseShortcut, bool keepAllWords, bool breakAnywhere)
191	{	202	{
192	if (nextBreakable && nextBreakable.value() >= startPosition)	203	if (nextBreakable && nextBreakable.value() >= startPosition)
193	return startPosition == nextBreakable;	204	return startPosition == nextBreakable;
194		205
195	if (keepAllWords) {	206	if (breakAnywhere)
		207	nextBreakable = nextBreakablePositionBreakCharacter(lazyBreakIterator, startPosition);
		208	else if (keepAllWords) {
196	if (breakNBSP)	209	if (breakNBSP)
197	nextBreakable = nextBreakablePositionKeepingAllWords(lazyBreakIterator, startPosition);	210	nextBreakable = nextBreakablePositionKeepingAllWords(lazyBreakIterator, startPosition);
198	else	211	else



    switch (lineBreak) {
    case LineBreak::Auto:
    case LineBreak::AfterWhiteSpace:
    case LineBreak::Anywhere:
        return LineBreakIteratorMode::Default;
    case LineBreak::Loose:
        return LineBreakIteratorMode::Loose;

    // Note the deliberate omission of word-wrap and overflow-wrap from this breakAll check. Those
    // do not affect minimum preferred sizes. Note that break-word is a non-standard value for
    // word-break, but we support it as though it means break-all.
    bool breakAnywhere = style.lineBreak() == LineBreak::Anywhere && style.autoWrap();
    bool breakAll = (style.wordBreak() == WordBreak::BreakAll || style.wordBreak() == WordBreak::BreakWord) && style.autoWrap();
    bool keepAllWords = style.wordBreak() == WordBreak::KeepAll;
    bool canUseLineBreakShortcut = iteratorMode == LineBreakIteratorMode::Default;

            continue;
        }

        bool hasBreak = breakAll || isBreakable(breakIterator, i, nextBreakable, breakNBSP, canUseLineBreakShortcut, keepAllWords, breakAnywhere);
        bool betweenWords = true;
        unsigned j = i;
        while (c != '\n' && !isSpaceAccordingToStyle(c, style) && c != '\t' && (c != softHyphen || style.hyphens() == Hyphens::None)) {

            if (j == length)
                break;
            c = string[j];
            if (isBreakable(breakIterator, j, nextBreakable, breakNBSP, canUseLineBreakShortcut, keepAllWords, breakAnywhere) && characterAt(j - 1) != softHyphen)
                break;
            if (breakAll) {
                betweenWords = false;



    // which is only possible if the word is the first thing on the line.
    bool breakWords = m_currentStyle->breakWords() && ((m_autoWrap && (!m_width.committedWidth() && !m_width.hasCommittedReplaced())) || m_currWS == WhiteSpace::Pre);
    bool midWordBreak = false;
    bool breakAnywhere = m_currentStyle->lineBreak() == LineBreak::Anywhere && m_autoWrap;
    bool breakAll = (m_currentStyle->wordBreak() == WordBreak::BreakAll || breakAnywhere) && m_autoWrap;
    bool keepAllWords = m_currentStyle->wordBreak() == WordBreak::KeepAll;
    float hyphenWidth = 0;
    auto iteratorMode = mapLineBreakToIteratorMode(m_blockStyle.lineBreak());

        // A single preserved leading white-space doesn't fulfill the 'betweenWords' condition, however it's indeed a
        // soft-breaking opportunty so we may want to avoid breaking in the middle of the word.
        if (m_atStart && m_currentCharacterIsSpace && !previousCharacterIsSpace) {
            m_hasFormerOpportunity = !breakAnywhere;
            breakWords = false;
            canBreakMidWord = breakAll;
        }

        }

        Optional<unsigned> nextBreakablePosition = m_current.nextBreakablePosition();
        bool betweenWords = c == '\n' || (m_currWS != WhiteSpace::Pre && !m_atStart && isBreakable(m_renderTextInfo.lineBreakIterator, m_current.offset(), nextBreakablePosition, breakNBSP, canUseLineBreakShortcut, keepAllWords, breakAnywhere)
            && (style.hyphens() != Hyphens::None || (m_current.previousInSameNode() != softHyphen)));
        m_current.setNextBreakablePosition(nextBreakablePosition);
        

                wrapW = wrapWidthOffset;
                // Auto-wrapping text should not wrap in the middle of a word once it has had an
                // opportunity to break after a word.
                m_hasFormerOpportunity = !breakAnywhere;
                breakWords = false;
                canBreakMidWord = breakAll;
            }



    Loose,
    Normal,
    Strict,
    AfterWhiteSpace,
    Anywhere
};

enum class Resize : uint8_t {



2019-04-30  Javier Fernandez  <jfernandez@igalia.com>

        Implement "line-break: anywhere"
        https://bugs.webkit.org/show_bug.cgi?id=181169
        <rdar://problem/48507088>

        Reviewed by Myles C. Maxfield.

        Some of the new tests added to verify the new 'line-break:
        anywhere' feature and its different behavior to what 'word-break:
        break-all' may provide, fail due to several bugs present in
        current WebKit's trunk.

        * TestExpectations:
          - webkit.org/b/197409
          - webkit.org/b/197411
          - webkit.org/b/197411
          - webkit.org/b/197430
 
2019-05-13  Wenson Hsieh  <wenson_hsieh@apple.com>

        [iOS] When running layout tests that tap in the same location, subsequent tests fail to fire click handlers



2019-04-30  Javier Fernandez  <jfernandez@igalia.com>

        Implement "line-break: anywhere"
        https://bugs.webkit.org/show_bug.cgi?id=181169
        <rdar://problem/48507088>

        Reviewed by Myles C. Maxfield.

        New tests to verify the new line-break: anywhere feature and how
        it behaves different to 'word-break: break-all'.

        * web-platform-tests/css/css-text/line-break/line-break-anywhere-001.html:
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-002.html:
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-003-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-003.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-004-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-004.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-005-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-005.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-006-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-006.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-007-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-007.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-008-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-008.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-009-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-009.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-010-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-010.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-011-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-011.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-012-expected.html: Added.
        * web-platform-tests/css/css-text/line-break/line-break-anywhere-012.html: Added.
        * web-platform-tests/css/css-text/parsing/line-break-valid-expected.txt:
        * web-platform-tests/css/css-text/word-break/word-break-break-all-016-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-016.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-017-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-017.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-018-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-018.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-019-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-019.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-021-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-021.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-022-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-022.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-023-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-023.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-024-expected.html: Added.
        * web-platform-tests/css/css-text/word-break/word-break-break-all-024.html: Added.

2019-05-07  Antoine Quint  <graouts@apple.com>

        [Pointer Events] isPrimary property of pointercancel events should match previous events for that pointer

Lines 1990-1995 webkit.org/b/197277 imported/w3c/web-platform-tests/css/css-text/white-space/bre a/LayoutTests/TestExpectations_sec1
- a/LayoutTests/TestExpectations +8 lines
1990	webkit.org/b/197277 imported/w3c/web-platform-tests/css/css-text/white-space/break-spaces-before-first-char-004.html [ ImageOnlyFailure ]	1990	webkit.org/b/197277 imported/w3c/web-platform-tests/css/css-text/white-space/break-spaces-before-first-char-004.html [ ImageOnlyFailure ]
1991	webkit.org/b/197277 imported/w3c/web-platform-tests/css/css-text/white-space/break-spaces-before-first-char-005.html [ ImageOnlyFailure ]	1991	webkit.org/b/197277 imported/w3c/web-platform-tests/css/css-text/white-space/break-spaces-before-first-char-005.html [ ImageOnlyFailure ]
1992		1992
		1993	webkit.org/b/197409 imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-016.html [ ImageOnlyFailure ]
		1994	webkit.org/b/197409 imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-019.html [ ImageOnlyFailure ]
		1995	webkit.org/b/197411 imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-018.html [ ImageOnlyFailure ]
		1996	webkit.org/b/197411 imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-021.html [ ImageOnlyFailure ]
		1997	webkit.org/b/197411 imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-022.html [ ImageOnlyFailure ]
		1998	webkit.org/b/197430 imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-023.html [ ImageOnlyFailure ]
		1999	webkit.org/b/197430 imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-024.html [ ImageOnlyFailure ]
		2000
1993	########################################	2001	########################################
1994	### START OF display: contents failures	2002	### START OF display: contents failures
1995		2003



<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-001-ref.html">
<meta name="flags" content="">


<p>Test passes if there is a green rectangle below and no red.</p>
<div id=green></div>
<!-- with line breaks everywhere, none of the following characters should stick out from under the green div -->
<div id=test>aa-a.a)a,a）a&nbsp;a&#xfeff;a&#x2060;a&#x200d;a･a</div>



<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-001-ref.html">
<meta name="flags" content="">

  color: red;
  font-family: monospace;
  line-break: anywhere;
  hyphens: auto;
}
</style>

<p>Test passes if there is a green rectangle below and no red.</p>
<div id=green></div>
<!-- Hyphenation, if it occurs, will produce a hyphen that sticks out from under the green rectangle.
     Also, if the words fails to be wrapped between all letters, letters will also stick out from under the green rectangle -->
<div id=test>no hyphenation</div>



<!DOCTYPE html>
<html  lang="en" >
<head>
<meta charset="utf-8">
<title>word-break: break-all, latin</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<style type='text/css'>
.test { word-break: break-all; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange;  margin: 20px;  padding: 10px; width: 390px; font: 36px/1 sans-serif; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the two orange boxes are the same.</div>
<div class="ref"><span>Latin latin latin lati<br/>n</span></div>
<div class="ref"><span>Latin latin latin lati<br/>n</span></div>
</body>
</html>



<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-003-ref.html">
<meta name="flags" content="">
<meta name="assert" content="line-break: anywhere means lines may break between any two typographic letter units.">
<style type='text/css'>
.test { line-break: anywhere; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange;  margin: 20px;  padding: 10px; width: 390px; font: 36px/1 sans-serif; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the two orange boxes are the same.</div>
<div class="test"><div id="testdiv"><span id="testspan">Latin latin latin latin</span></div></div>
<div class="ref"><span>Latin latin latin lati<br/>n</span></div>
<script>
var sentenceWidth = document.getElementById('testspan').offsetWidth
document.getElementById('testdiv').style.width = String(sentenceWidth - 5)+'px'
</script>
</body>
</html>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-keep-all">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="The second word is broken, despite the word-break: keep-all, because line-break: anywhere disregarde any prohibition against line breaks mandate by word-break.">
<style>
div {
  position: relative;
  font-size: 25px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 4ch;
  line-height: 1;
  word-break: keep-all;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XX X<br>XX</div>
  <div class="test">XX XXX</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap:break-word + white-space:break-spaces</title>
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://www.w3.org/TR/css-text-3/#white-space-property">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="line-break: anywhere + break-spaces do allow a break
between the last character of a word and the first space of a sequence of preserved
spaces even if there is a previous breaking opportunity">
<style>
div {
  font: 25px/1 Ahem;
  width: 4ch;
  line-height: 1;
}
.red {
  position: absolute;
  white-space: pre;
  color: red;
  background: green;
  z-index: -1;
}
.test {
  white-space: break-spaces;
  line-break: anywhere;
  color: green;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">X XX<br> XX <br>X XX<br> X</div>
<div class="test">X XX XX X XX X</div>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="line-break: anywhere' disgregard the prohibition against line breaks introduced by characters with the GL character class">
<style>
div {
  position: relative;
  font-size: 25px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 4ch;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XXXX<br>&nbsp;XXX<br>X X <br>X</div>
  <div class="test">XXXX&nbsp;XXXX X X</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="line-break:anywhere allows breaking opportunities around punctuaction characters.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 5ch;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">X XXX<br>XX</div>
  <div class="test">X XX...</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://www.w3.org/TR/css-text-3/#white-space-property">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="break-all breaks between the last two letters, because breaking opportunities between the punctuaction characters are forbidden.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 5ch;
  white-space: pre-wrap;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">X XXX<br>XX</div>
  <div class="test">X XX...</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://www.w3.org/TR/css-text-3/#white-space-property">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="line-break: anywhere' disgregard the prohibition against line breaks introduced by characters with the GL character class">
<style>
div {
  position: relative;
  font-size: 25px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 4ch;
  white-space: break-spaces;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XXXX<br>&nbsp;XXX<br>X X <br>X</div>
  <div class="test">XXXX&nbsp;XXXX X X</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: line-break: anywhere</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://www.w3.org/TR/css-text-3/#white-space-property">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="line-break: anywhere' disgregard the prohibition against line breaks introduced by characters with the GL character class">
<style>
div {
  position: relative;
  font-size: 25px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 4ch;
  white-space: break-spaces;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XXXX<br>&nbsp;XXX<br>X X <br>X</div>
  <div class="test">XXXX&nbsp;XXXX X X</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="line-break:anywhere allows breaking opportunities around slash characters.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 5ch;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">X XXX<br>XX</div>
  <div class="test">X XX///</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
<meta name="flags" content="">
<link rel="match" href="reference/line-break-anywhere-004-ref.html">
<meta name="assert" content="line-break:anywhere allows breaking opportunities around slash characters.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 5ch;
  line-break: anywhere;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">X XXX<br>XX</div>
  <div class="test">X XX\\\</div>
</body>

Lines 3-7 PASS e.style['line-break'] = "auto" should set the property value a/LayoutTests/imported/w3c/web-platform-tests/css/css-text/parsing/line-break-valid-expected.txt_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text/parsing/line-break-valid-expected.txt -1 / +1 lines
3	PASS e.style['line-break'] = "loose" should set the property value	3	PASS e.style['line-break'] = "loose" should set the property value
4	PASS e.style['line-break'] = "normal" should set the property value	4	PASS e.style['line-break'] = "normal" should set the property value
5	PASS e.style['line-break'] = "strict" should set the property value	5	PASS e.style['line-break'] = "strict" should set the property value
6	FAIL e.style['line-break'] = "anywhere" should set the property value assert_not_equals: property should be set got disallowed value ""	6	PASS e.style['line-break'] = "anywhere" should set the property value
7		7



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<meta name="flags" content="">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="break-all breaks between the last two letters, because breaking opportunities between the punctuaction characters are forbidden.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 8ch;
  word-break: break-all;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XX XX<br>XXXX</div>
  <div class="test">XX XXX...</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<meta name="flags" content="ahem">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="break-all + break-spaces do not allow a break
between the last character of a word and the first space of a sequence of preserved spaces
if there are other wrapping opportunities earlier in the line.">
<style>
div {
  font: 25px/1 Ahem;
  width: 4ch;
}
.red {
  position: absolute;
  white-space: pre;
  color: red;
  background: green;
  z-index: -1;
}
.test {
  white-space: break-spaces;
  word-break: break-all;
  color: green;
}
</style>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">X<br>XX X<br>X X <br>XX X</div>
<div class="test">X XX XX X XX X</div>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="word-break: break-all' must honors line breaking behavior introduced by characters with the GL character class">
<style>
div {
  position: relative;
  font-size: 25px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 4ch;
  word-break: break-all;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XXX <br>X XX<br>XX X<br>X</div>
  <div class="test">XXXX&nbsp;XXXX X X</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://www.w3.org/TR/css-text-3/#white-space-property">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="break-all breaks between the last two letters, because breaking opportunities between the punctuaction characters are forbidden.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 8ch;
  white-space: pre-wrap;
  word-break: break-all;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XX XX<br>XXXX</div>
  <div class="test">XX XXX...</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://www.w3.org/TR/css-text-3/#white-space-property">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="word-break: break-all' must honor line breaking behavior introduced by characters with the GL character class">
<style>
div {
  position: relative;
  font-size: 25px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 4ch;
  white-space: pre-wrap;
  word-break: break-all;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XXX <br>X XX<br>XX X<br>X</div>
  <div class="test">XXXX&nbsp;XXXX X X</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://www.w3.org/TR/css-text-3/#white-space-property">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="word-break: break-all' must honor line breaking behavior introduced by characters with the GL character class">
<style>
div {
  position: relative;
  font-size: 25px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 4ch;
  white-space: break-spaces;
  word-break: break-all;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XXX <br>X XX<br>XX  <br>X X</div>
  <div class="test">XXXX&nbsp;XXXX X X</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<meta name="flags" content="">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="break-all breaks between the last two letters, because breaking opportunities between the backslashes characters are forbidden.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 8ch;
  word-break: break-all;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XX XXX<br>XXXX</div>
  <div class="test">XX XXX\\\</div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
  position: relative;
  width: 100px;
  height: 100px;
  background: green;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div></div>
</body>



<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: word-break: break-all</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" title="5.2. Breaking Rules for Letters: the word-break property" href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<meta name="flags" content="">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="break-all breaks between the last two letters, because breaking opportunities between the slashes characters are forbidden.">
<style>
div {
  position: relative;
  font-size: 20px;
  font-family: Ahem;
  line-height: 1em;
}
.red {
  position: absolute;
  width: 100px;
  height: 100px;
  background: green;
  color: red;
  z-index: -1;
}
.test {
  color: green;
  width: 8ch;
  word-break: break-all;
}
</style>
<body>
  <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
  <div class="red">XX XX<br>XXXX</div>
  <div class="test">XX XXX///</div>
</body>

Return to Bug 181169

Lines 5547-5553 a/Source/WebCore/css/CSSProperties.json_sec1
- a/Source/WebCore/css/CSSProperties.json -1 / +2 lines
5547	"value": "after-white-space",	5547	"value": "after-white-space",
5548	"status": "non-standard",	5548	"status": "non-standard",
5549	"comment": "Added in https://trac.webkit.org/changeset/7763"	5549	"comment": "Added in https://trac.webkit.org/changeset/7763"
5550	}	5550	},
		5551	"anywhere"
5551	],	5552	],
5552	"specification": {	5553	"specification": {
5553	"category": "css-text",	5554	"category": "css-text",

Lines 731-738 bool CSSParserFastPaths::isValidKeywordPropertyAndValue(CSSPropertyID propertyId a/Source/WebCore/css/parser/CSSParserFastPaths.cpp_sec1
- a/Source/WebCore/css/parser/CSSParserFastPaths.cpp -2 / +2 lines
731	return valueID == CSSValueAuto \|\| valueID == CSSValueNone \|\| valueID == CSSValueAntialiased \|\| valueID == CSSValueSubpixelAntialiased;	731	return valueID == CSSValueAuto \|\| valueID == CSSValueNone \|\| valueID == CSSValueAntialiased \|\| valueID == CSSValueSubpixelAntialiased;
732	case CSSPropertyWebkitLineAlign:	732	case CSSPropertyWebkitLineAlign:
733	return valueID == CSSValueNone \|\| valueID == CSSValueEdges;	733	return valueID == CSSValueNone \|\| valueID == CSSValueEdges;
734	case CSSPropertyLineBreak: // auto \| loose \| normal \| strict \| after-white-space	734	case CSSPropertyLineBreak: // auto \| loose \| normal \| strict \| after-white-space \| anywhere
735	return valueID == CSSValueAuto \|\| valueID == CSSValueLoose \|\| valueID == CSSValueNormal \|\| valueID == CSSValueStrict \|\| valueID == CSSValueAfterWhiteSpace;	735	return valueID == CSSValueAuto \|\| valueID == CSSValueLoose \|\| valueID == CSSValueNormal \|\| valueID == CSSValueStrict \|\| valueID == CSSValueAfterWhiteSpace \|\| valueID == CSSValueAnywhere;
736	case CSSPropertyWebkitLineSnap:	736	case CSSPropertyWebkitLineSnap:
737	return valueID == CSSValueNone \|\| valueID == CSSValueBaseline \|\| valueID == CSSValueContain;	737	return valueID == CSSValueNone \|\| valueID == CSSValueBaseline \|\| valueID == CSSValueContain;
738	case CSSPropertyWebkitMarginAfterCollapse:	738	case CSSPropertyWebkitMarginAfterCollapse:

Lines 704-709 LineBreakIteratorMode mapLineBreakToIteratorMode(LineBreak lineBreak) a/Source/WebCore/rendering/RenderText.cpp_sec1
- a/Source/WebCore/rendering/RenderText.cpp -2 / +4 lines
704	switch (lineBreak) {	704	switch (lineBreak) {
705	case LineBreak::Auto:	705	case LineBreak::Auto:
706	case LineBreak::AfterWhiteSpace:	706	case LineBreak::AfterWhiteSpace:
		707	case LineBreak::Anywhere:
707	return LineBreakIteratorMode::Default;	708	return LineBreakIteratorMode::Default;
708	case LineBreak::Loose:	709	case LineBreak::Loose:
709	return LineBreakIteratorMode::Loose;	710	return LineBreakIteratorMode::Loose;
Lines 828-833 void RenderText::computePreferredLogicalWidths(float leadWidth, HashSet<const Fo a/Source/WebCore/rendering/RenderText.cpp_sec2
828	// Note the deliberate omission of word-wrap and overflow-wrap from this breakAll check. Those	829	// Note the deliberate omission of word-wrap and overflow-wrap from this breakAll check. Those
829	// do not affect minimum preferred sizes. Note that break-word is a non-standard value for	830	// do not affect minimum preferred sizes. Note that break-word is a non-standard value for
830	// word-break, but we support it as though it means break-all.	831	// word-break, but we support it as though it means break-all.
		832	bool breakAnywhere = style.lineBreak() == LineBreak::Anywhere && style.autoWrap();
831	bool breakAll = (style.wordBreak() == WordBreak::BreakAll \|\| style.wordBreak() == WordBreak::BreakWord) && style.autoWrap();	833	bool breakAll = (style.wordBreak() == WordBreak::BreakAll \|\| style.wordBreak() == WordBreak::BreakWord) && style.autoWrap();
832	bool keepAllWords = style.wordBreak() == WordBreak::KeepAll;	834	bool keepAllWords = style.wordBreak() == WordBreak::KeepAll;
833	bool canUseLineBreakShortcut = iteratorMode == LineBreakIteratorMode::Default;	835	bool canUseLineBreakShortcut = iteratorMode == LineBreakIteratorMode::Default;
Lines 876-882 void RenderText::computePreferredLogicalWidths(float leadWidth, HashSet<const Fo a/Source/WebCore/rendering/RenderText.cpp_sec3
876	continue;	878	continue;
877	}	879	}
878		880
879	bool hasBreak = breakAll \|\| isBreakable(breakIterator, i, nextBreakable, breakNBSP, canUseLineBreakShortcut, keepAllWords);	881	bool hasBreak = breakAll \|\| isBreakable(breakIterator, i, nextBreakable, breakNBSP, canUseLineBreakShortcut, keepAllWords, breakAnywhere);
880	bool betweenWords = true;	882	bool betweenWords = true;
881	unsigned j = i;	883	unsigned j = i;
882	while (c != '\n' && !isSpaceAccordingToStyle(c, style) && c != '\t' && (c != softHyphen \|\| style.hyphens() == Hyphens::None)) {	884	while (c != '\n' && !isSpaceAccordingToStyle(c, style) && c != '\t' && (c != softHyphen \|\| style.hyphens() == Hyphens::None)) {
Lines 884-890 void RenderText::computePreferredLogicalWidths(float leadWidth, HashSet<const Fo a/Source/WebCore/rendering/RenderText.cpp_sec4
884	if (j == length)	886	if (j == length)
885	break;	887	break;
886	c = string[j];	888	c = string[j];
887	if (isBreakable(breakIterator, j, nextBreakable, breakNBSP, canUseLineBreakShortcut, keepAllWords) && characterAt(j - 1) != softHyphen)	889	if (isBreakable(breakIterator, j, nextBreakable, breakNBSP, canUseLineBreakShortcut, keepAllWords, breakAnywhere) && characterAt(j - 1) != softHyphen)
888	break;	890	break;
889	if (breakAll) {	891	if (breakAll) {
890	betweenWords = false;	892	betweenWords = false;

Lines 713-719 inline bool BreakingContext::handleText(WordMeasurements& wordMeasurements, bool a/Source/WebCore/rendering/line/BreakingContext.h_sec1
- a/Source/WebCore/rendering/line/BreakingContext.h -4 / +5 lines
713	// which is only possible if the word is the first thing on the line.	713	// which is only possible if the word is the first thing on the line.
714	bool breakWords = m_currentStyle->breakWords() && ((m_autoWrap && (!m_width.committedWidth() && !m_width.hasCommittedReplaced())) \|\| m_currWS == WhiteSpace::Pre);	714	bool breakWords = m_currentStyle->breakWords() && ((m_autoWrap && (!m_width.committedWidth() && !m_width.hasCommittedReplaced())) \|\| m_currWS == WhiteSpace::Pre);
715	bool midWordBreak = false;	715	bool midWordBreak = false;
716	bool breakAll = m_currentStyle->wordBreak() == WordBreak::BreakAll && m_autoWrap;	716	bool breakAnywhere = m_currentStyle->lineBreak() == LineBreak::Anywhere && m_autoWrap;
		717	bool breakAll = (m_currentStyle->wordBreak() == WordBreak::BreakAll \|\| breakAnywhere) && m_autoWrap;
717	bool keepAllWords = m_currentStyle->wordBreak() == WordBreak::KeepAll;	718	bool keepAllWords = m_currentStyle->wordBreak() == WordBreak::KeepAll;
718	float hyphenWidth = 0;	719	float hyphenWidth = 0;
719	auto iteratorMode = mapLineBreakToIteratorMode(m_blockStyle.lineBreak());	720	auto iteratorMode = mapLineBreakToIteratorMode(m_blockStyle.lineBreak());
Lines 755-761 inline bool BreakingContext::handleText(WordMeasurements& wordMeasurements, bool a/Source/WebCore/rendering/line/BreakingContext.h_sec2
755	// A single preserved leading white-space doesn't fulfill the 'betweenWords' condition, however it's indeed a	756	// A single preserved leading white-space doesn't fulfill the 'betweenWords' condition, however it's indeed a
756	// soft-breaking opportunty so we may want to avoid breaking in the middle of the word.	757	// soft-breaking opportunty so we may want to avoid breaking in the middle of the word.
757	if (m_atStart && m_currentCharacterIsSpace && !previousCharacterIsSpace) {	758	if (m_atStart && m_currentCharacterIsSpace && !previousCharacterIsSpace) {
758	m_hasFormerOpportunity = true;	759	m_hasFormerOpportunity = !breakAnywhere;
759	breakWords = false;	760	breakWords = false;
760	canBreakMidWord = breakAll;	761	canBreakMidWord = breakAll;
761	}	762	}
Lines 790-796 inline bool BreakingContext::handleText(WordMeasurements& wordMeasurements, bool a/Source/WebCore/rendering/line/BreakingContext.h_sec3
790	}	791	}
791		792
792	Optional<unsigned> nextBreakablePosition = m_current.nextBreakablePosition();	793	Optional<unsigned> nextBreakablePosition = m_current.nextBreakablePosition();
793	bool betweenWords = c == '\n' \|\| (m_currWS != WhiteSpace::Pre && !m_atStart && isBreakable(m_renderTextInfo.lineBreakIterator, m_current.offset(), nextBreakablePosition, breakNBSP, canUseLineBreakShortcut, keepAllWords)	794	bool betweenWords = c == '\n' \|\| (m_currWS != WhiteSpace::Pre && !m_atStart && isBreakable(m_renderTextInfo.lineBreakIterator, m_current.offset(), nextBreakablePosition, breakNBSP, canUseLineBreakShortcut, keepAllWords, breakAnywhere)
794	&& (style.hyphens() != Hyphens::None \|\| (m_current.previousInSameNode() != softHyphen)));	795	&& (style.hyphens() != Hyphens::None \|\| (m_current.previousInSameNode() != softHyphen)));
795	m_current.setNextBreakablePosition(nextBreakablePosition);	796	m_current.setNextBreakablePosition(nextBreakablePosition);
796		797
Lines 953-959 inline bool BreakingContext::handleText(WordMeasurements& wordMeasurements, bool a/Source/WebCore/rendering/line/BreakingContext.h_sec4
953	wrapW = wrapWidthOffset;	954	wrapW = wrapWidthOffset;
954	// Auto-wrapping text should not wrap in the middle of a word once it has had an	955	// Auto-wrapping text should not wrap in the middle of a word once it has had an
955	// opportunity to break after a word.	956	// opportunity to break after a word.
956	m_hasFormerOpportunity = true;	957	m_hasFormerOpportunity = !breakAnywhere;
957	breakWords = false;	958	breakWords = false;
958	canBreakMidWord = breakAll;	959	canBreakMidWord = breakAll;
959	}	960	}

Lines 533-539 enum class LineBreak : uint8_t { a/Source/WebCore/rendering/style/RenderStyleConstants.h_sec1
- a/Source/WebCore/rendering/style/RenderStyleConstants.h -1 / +2 lines
533	Loose,	533	Loose,
534	Normal,	534	Normal,
535	Strict,	535	Strict,
536	AfterWhiteSpace	536	AfterWhiteSpace,
		537	Anywhere
537	};	538	};
538		539
539	enum class Resize : uint8_t {	540	enum class Resize : uint8_t {

Lines 1-3 a/Source/WebCore/ChangeLog_sec1
- a/Source/WebCore/ChangeLog +50 lines
		1	2019-04-30 Javier Fernandez <jfernandez@igalia.com>
		2
		3	Implement "line-break: anywhere"
		4	https://bugs.webkit.org/show_bug.cgi?id=181169
		5	<rdar://problem/48507088>
		6
		7	Reviewed by Myles C. Maxfield.
		8
		9	The CSS WG resolved [1] to add a new value 'anywhere' to the 'line-break'
		10	CSS property in order to allow additional breaking opportunities not
		11	considered in the definition of the 'word-break: break-all'.
		12
		13	[1] https://github.com/w3c/csswg-drafts/issues/1171
		14
		15	Tests: imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-003.html
		16	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-004.html
		17	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-005.html
		18	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-006.html
		19	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-007.html
		20	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-008.html
		21	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-009.html
		22	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-010.html
		23	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-011.html
		24	imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-012.html
		25	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-016.html
		26	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-017.html
		27	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-018.html
		28	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-019.html
		29	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-021.html
		30	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-022.html
		31	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-023.html
		32	imported/w3c/web-platform-tests/css/css-text/word-break/word-break-break-all-024.html
		33
		34	* css/CSSPrimitiveValueMappings.h:
		35	(WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
		36	(WebCore::CSSPrimitiveValue::operator LineBreak const):
		37	* css/CSSProperties.json:
		38	* css/CSSValueKeywords.in:
		39	* css/parser/CSSParserFastPaths.cpp:
		40	(WebCore::CSSParserFastPaths::isValidKeywordPropertyAndValue):
		41	* rendering/BreakLines.h:
		42	(WebCore::nextBreakablePositionBreakCharacter):
		43	(WebCore::isBreakable):
		44	* rendering/RenderText.cpp:
		45	(WebCore::mapLineBreakToIteratorMode):
		46	(WebCore::RenderText::computePreferredLogicalWidths):
		47	* rendering/line/BreakingContext.h:
		48	(WebCore::BreakingContext::handleText):
		49	* rendering/style/RenderStyleConstants.h:
		50
1	2019-05-13 Yusuke Suzuki <ysuzuki@apple.com>	51	2019-05-13 Yusuke Suzuki <ysuzuki@apple.com>
2		52
3	Unreviewed, build fix after 245258, missing ThreadSpecific.h include	53	Unreviewed, build fix after 245258, missing ThreadSpecific.h include

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +19 lines
		1	2019-04-30 Javier Fernandez <jfernandez@igalia.com>
		2
		3	Implement "line-break: anywhere"
		4	https://bugs.webkit.org/show_bug.cgi?id=181169
		5	<rdar://problem/48507088>
		6
		7	Reviewed by Myles C. Maxfield.
		8
		9	Some of the new tests added to verify the new 'line-break:
		10	anywhere' feature and its different behavior to what 'word-break:
		11	break-all' may provide, fail due to several bugs present in
		12	current WebKit's trunk.
		13
		14	* TestExpectations:
		15	- webkit.org/b/197409
		16	- webkit.org/b/197411
		17	- webkit.org/b/197411
		18	- webkit.org/b/197430
		19
1	2019-05-13 Wenson Hsieh <wenson_hsieh@apple.com>	20	2019-05-13 Wenson Hsieh <wenson_hsieh@apple.com>
2		21
3	[iOS] When running layout tests that tap in the same location, subsequent tests fail to fire click handlers	22	[iOS] When running layout tests that tap in the same location, subsequent tests fail to fire click handlers

Lines 1-3 a/LayoutTests/imported/w3c/ChangeLog_sec1
- a/LayoutTests/imported/w3c/ChangeLog +51 lines
		1	2019-04-30 Javier Fernandez <jfernandez@igalia.com>
		2
		3	Implement "line-break: anywhere"
		4	https://bugs.webkit.org/show_bug.cgi?id=181169
		5	<rdar://problem/48507088>
		6
		7	Reviewed by Myles C. Maxfield.
		8
		9	New tests to verify the new line-break: anywhere feature and how
		10	it behaves different to 'word-break: break-all'.
		11
		12	* web-platform-tests/css/css-text/line-break/line-break-anywhere-001.html:
		13	* web-platform-tests/css/css-text/line-break/line-break-anywhere-002.html:
		14	* web-platform-tests/css/css-text/line-break/line-break-anywhere-003-expected.html: Added.
		15	* web-platform-tests/css/css-text/line-break/line-break-anywhere-003.html: Added.
		16	* web-platform-tests/css/css-text/line-break/line-break-anywhere-004-expected.html: Added.
		17	* web-platform-tests/css/css-text/line-break/line-break-anywhere-004.html: Added.
		18	* web-platform-tests/css/css-text/line-break/line-break-anywhere-005-expected.html: Added.
		19	* web-platform-tests/css/css-text/line-break/line-break-anywhere-005.html: Added.
		20	* web-platform-tests/css/css-text/line-break/line-break-anywhere-006-expected.html: Added.
		21	* web-platform-tests/css/css-text/line-break/line-break-anywhere-006.html: Added.
		22	* web-platform-tests/css/css-text/line-break/line-break-anywhere-007-expected.html: Added.
		23	* web-platform-tests/css/css-text/line-break/line-break-anywhere-007.html: Added.
		24	* web-platform-tests/css/css-text/line-break/line-break-anywhere-008-expected.html: Added.
		25	* web-platform-tests/css/css-text/line-break/line-break-anywhere-008.html: Added.
		26	* web-platform-tests/css/css-text/line-break/line-break-anywhere-009-expected.html: Added.
		27	* web-platform-tests/css/css-text/line-break/line-break-anywhere-009.html: Added.
		28	* web-platform-tests/css/css-text/line-break/line-break-anywhere-010-expected.html: Added.
		29	* web-platform-tests/css/css-text/line-break/line-break-anywhere-010.html: Added.
		30	* web-platform-tests/css/css-text/line-break/line-break-anywhere-011-expected.html: Added.
		31	* web-platform-tests/css/css-text/line-break/line-break-anywhere-011.html: Added.
		32	* web-platform-tests/css/css-text/line-break/line-break-anywhere-012-expected.html: Added.
		33	* web-platform-tests/css/css-text/line-break/line-break-anywhere-012.html: Added.
		34	* web-platform-tests/css/css-text/parsing/line-break-valid-expected.txt:
		35	* web-platform-tests/css/css-text/word-break/word-break-break-all-016-expected.html: Added.
		36	* web-platform-tests/css/css-text/word-break/word-break-break-all-016.html: Added.
		37	* web-platform-tests/css/css-text/word-break/word-break-break-all-017-expected.html: Added.
		38	* web-platform-tests/css/css-text/word-break/word-break-break-all-017.html: Added.
		39	* web-platform-tests/css/css-text/word-break/word-break-break-all-018-expected.html: Added.
		40	* web-platform-tests/css/css-text/word-break/word-break-break-all-018.html: Added.
		41	* web-platform-tests/css/css-text/word-break/word-break-break-all-019-expected.html: Added.
		42	* web-platform-tests/css/css-text/word-break/word-break-break-all-019.html: Added.
		43	* web-platform-tests/css/css-text/word-break/word-break-break-all-021-expected.html: Added.
		44	* web-platform-tests/css/css-text/word-break/word-break-break-all-021.html: Added.
		45	* web-platform-tests/css/css-text/word-break/word-break-break-all-022-expected.html: Added.
		46	* web-platform-tests/css/css-text/word-break/word-break-break-all-022.html: Added.
		47	* web-platform-tests/css/css-text/word-break/word-break-break-all-023-expected.html: Added.
		48	* web-platform-tests/css/css-text/word-break/word-break-break-all-023.html: Added.
		49	* web-platform-tests/css/css-text/word-break/word-break-break-all-024-expected.html: Added.
		50	* web-platform-tests/css/css-text/word-break/word-break-break-all-024.html: Added.
		51
1	2019-05-07 Antoine Quint <graouts@apple.com>	52	2019-05-07 Antoine Quint <graouts@apple.com>
2		53
3	[Pointer Events] isPrimary property of pointercancel events should match previous events for that pointer	54	[Pointer Events] isPrimary property of pointercancel events should match previous events for that pointer

Lines 1-8 a/LayoutTests/imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-001.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-001.html -2 / +3 lines
1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html lang=en>	2	<html lang=en>
3	<meta charset="utf-8">	3	<meta charset="utf-8">
4	<title>CSS Text Test: line-break: anywhere</title>	4	<title>CSS Text Test: line-break: anywhere</title>
5	<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">	5	<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
		6	<link rel="help" title="5.3. Line Breaking Strictness: the line-break property" href="https://www.w3.org/TR/css-text-3/#propdef-line-break">
6	<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">	7	<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-line-break-anywhere">
7	<link rel="match" href="reference/line-break-anywhere-001-ref.html">	8	<link rel="match" href="reference/line-break-anywhere-001-ref.html">
8	<meta name="flags" content="">	9	<meta name="flags" content="">
Lines 28-32 a/LayoutTests/imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-001.html_sec2
28		29
29	<p>Test passes if there is a green rectangle below and no red.</p>	30	<p>Test passes if there is a green rectangle below and no red.</p>
30	<div id=green></div>	31	<div id=green></div>
31	<!-- with line breaks everywhere, none of the following characters should stick out from under the green div -->	32	<!-- with line breaks everywhere, none of the following characters should stick out from under the green div -->
32	<div id=test>aa-a.a)a,a）a aa⁠a‍a･a</div>	33	<div id=test>aa-a.a)a,a）a aa⁠a‍a･a</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-003-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-text/line-break/line-break-anywhere-003-expected.html +18 lines
	1	<!DOCTYPE html>
	2	<html lang="en" >
	3	<head>
	4	<meta charset="utf-8">
	5	<title>word-break: break-all, latin</title>
	6	<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
	7	<style type='text/css'>
	8	.test { word-break: break-all; }
	9	/* the CSS below is not part of the test */
	10	.test, .ref { border: 1px solid orange; margin: 20px; padding: 10px; width: 390px; font: 36px/1 sans-serif; }
	11	</style>
	12	</head>
	13	<body>
	14	<div id='instructions'>Test passes if the two orange boxes are the same.</div>
	15	<div class="ref"><span>Latin latin latin lati<br/>n</span></div>
	16	<div class="ref"><span>Latin latin latin lati<br/>n</span></div>
	17	</body>
	18	</html>