ellipsis-rtl-text-in-ltr-flow-with-markers.html

<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<style>
div {
    width: 100px;
    height: 20px;
    font: 12px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    direction: ltr;
}
</style>

<div id="markAllComposition">אבגדהוזחטיכךלמםסעפףצץקרשת</div>
<div id="markStartComposition">אבגדהוזחטיכךלמםסעפףצץקרשת</div>
<div id="markEndComposition">אבגדהוזחטיכךלמםסעפףצץקרשת</div>

<div id="markAllSpelling">אבגדהוזחטיכךלמםסעפףצץקרשת</div>
<div id="markStartSpelling">אבגדהוזחטיכךלמםסעפףצץקרשת</div>
<div id="markEndSpelling">אבגדהוזחטיכךלמםסעפףצץקרשת</div>

<div id="markAllTextMatch">אבגדהוזחטיכךלמםסעפףצץקרשת</div>
<div id="markStartTextMatch">אבגדהוזחטיכךלמםסעפףצץקרשת</div>
<div id="markEndTextMatch">אבגדהוזחטיכךלמםסעפףצץקרשת</div>

<script>
function addCompositionMarker(elem, start, end) {
    const range = document.createRange();
    const textNode = elem.firstChild;
    range.setStart(textNode, start);
    range.setEnd(textNode, end);
    if (typeof internals !== 'undefined')
        internals.addCompositionMarker(range, 'orange', 'thin', 'solid', 'transparent', 'lightBlue');
};

function addSpellingMarker(elem, start, end) {
    const range = document.createRange();
    const textNode = elem.firstChild;
    range.setStart(textNode, start);
    range.setEnd(textNode, end);
    if (typeof internals !== 'undefined')
        internals.setMarker(document, range, 'spelling');
};

function addTextMatchMarker(elem, start, end) {
    const range = document.createRange();
    const textNode = elem.firstChild;
    range.setStart(textNode, start);
    range.setEnd(textNode, end);
    if (typeof internals !== 'undefined') {
        internals.addTextMatchMarker(range, 'kActive');
        internals.setMarkedTextMatchesAreHighlighted(document, true);
    }
};

onload = runAfterLayoutAndPaint(function() {
    addCompositionMarker(markAllComposition, 0, 25);
    addCompositionMarker(markStartComposition, 0, 20);
    addCompositionMarker(markEndComposition, 5, 25);

    addSpellingMarker(markAllSpelling, 0, 25);
    addSpellingMarker(markStartSpelling, 0, 20);
    addSpellingMarker(markEndSpelling, 5, 25);

    addTextMatchMarker(markAllTextMatch, 0, 25);
    addTextMatchMarker(markStartTextMatch, 0, 20);
    addTextMatchMarker(markEndTextMatch, 5, 25);
}, true);
</script>
chromium/third_party/blink/web_tests/paint/markers/ellipsis-rtl-text-in-ltr-flow-with-markers.html
