testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-in-inline-ancestors.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>HTML Test: BR in inline ancestors</title>
    <link rel="match" href="br-bidi-in-inline-ancestors-ref.html">
    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
    <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-br-element"/>
    <link rel="help" href="http://www.w3.org/TR/css3-writing-modes/#unicode-bidi" />
    <meta name="assert" content="
      'A br element should separate paragraphs for the purposes of the Unicode bidirectional
      algorithm.'
      'If an inline element is broken around a bidi paragraph boundary (e.g. if split by a block or
      forced paragraph break), then the bidi control codes corresponding to the end of the element
      are added before the interruption and the codes corresponding to the start of the element are
      added after it. (In other words, any embedding levels or overrides started by the element are
      closed at the paragraph break and reopened on the other side of it.)'" />
    <style>
      body{
        font-size:2em;
      }
      .test, .ref {
        border: medium solid gray;
        width: 400px;
        margin: 20px;
      }
      .comments { display: none; }
    </style>
  </head>
  <body>
    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
    <div class="comments">
      Key to entities used below:
        &#x05D0; ... &#x05D8; - The first nine Hebrew letters (strongly RTL).
        &#x200E; - The LRM (left-to-right mark) formatting character (invisible, stronly LTR).
        &#x200F; - The RLM (right-to-left mark) formatting character (invisible, stronly RTL).
        &#x202D; - The LRO (left-to-right override) formatting character.
        &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
    </div>
    <div class="test">
      &#x05D1;&#x05D0;&#x200E;
      <bdo dir="rtl">ih
        <bdo dir="ltr">&#x05D2;&#x05D3;
          <span dir="rtl">fg&#x200F;
            <span dir="ltr">1. I like &#x05D4;.<br/>
              2. &#x05D4; is great!</span>
            &#x200F;cd</span>
          &#x05D5;&#x05D6;</bdo>
        ba</bdo>
      &#x200E;&#x05D8;&#x05D7;
    </div>
    <div class="ref">
      &#x202D;&#x05D0;&#x05D1; &#x05D2;&#x05D3; 1. I like &#x05D4;. fg hi&#x202C;
      <br/>
      &#x202D;ab cd 2. &#x05D4; is great! &#x05D5;&#x05D6; &#x05D7;&#x05D8;&#x202C;
    </div>
  </body>
</html>