import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo

This commit is contained in:
Roy Tam 2018-01-19 03:59:58 +08:00
commit dcd9973243
150858 changed files with 23884658 additions and 0 deletions

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dynamic changes and dir=auto</title>
</head>
<body>
<div>Test for elements with dir="auto" whose content changes between directional and neutral</div>
<div dir="auto">xyz</div>
<div dir="auto">ابج</div>
<div dir="auto">456</div>
<div dir="auto">xyz</div>
<div dir="auto">ابج</div>
<div dir="auto">456</div>
<div dir="auto">xyz</div>
<div dir="auto">ابج</div>
<div dir="auto">456</div>
</body>
</html>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<title>Dynamic changes and dir=auto</title>
</head>
<body>
<div>Test for elements with dir="auto" whose content changes between directional and neutral</div>
<div dir="auto" id="from_ltr_to_ltr">abc</div>
<div dir="auto" id="from_ltr_to_rtl">abc</div>
<div dir="auto" id="from_ltr_to_neutral">abc</div>
<div dir="auto" id="from_rtl_to_ltr">אבג</div>
<div dir="auto" id="from_rtl_to_rtl">אבג</div>
<div dir="auto" id="from_rtl_to_neutral">אבג</div>
<div dir="auto" id="from_neutral_to_ltr">123</div>
<div dir="auto" id="from_neutral_to_rtl">123</div>
<div dir="auto" id="from_neutral_to_neutral">123</div>
<script type="text/javascript">
function changeContent()
{
var directionalTexts = {ltr:"xyz", rtl:"ابج", neutral:"456"};
for (var dirFrom in directionalTexts) {
for (var dirTo in directionalTexts) {
var element = document.getElementById("from_" + dirFrom +
"_to_" + dirTo);
element.textContent = directionalTexts[dirTo];
}
}
document.documentElement.removeAttribute("class");
}
document.addEventListener("MozReftestInvalidate", changeContent, false);
</script>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test bug 1169267</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" dir="rtl" value="123אבג"></div>
<div><span dir="rtl">123אבג</span></div>
<div><textarea dir="rtl">123אבג</textarea></div>
<div><button dir="rtl">123אבג</button></div>
<div><bdi dir="rtl">123אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test bug 1169267</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendTextFromArray(new Array('123', 'אבג'))">
<div><input type="text" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto"></span></div>
<div><textarea id="set2" dir="auto"></textarea></div>
<div><button id="set3" dir="auto"></button></div>
<div><bdi id="set4"></bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test bug 1169267</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendDeleteAppendTextFromArray(new Array('123', 'אבג', 'אבג'))">
<div><input type="text" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto"></span></div>
<div><textarea id="set2" dir="auto"></textarea></div>
<div><button id="set3" dir="auto"></button></div>
<div><bdi id="set4"></bdi></div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test bug 1169267</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" dir="rtl" value="456גדה"></div>
<div><span dir="rtl">456גדה</span></div>
<div><textarea dir="rtl">456גדה</textarea></div>
<div><button dir="rtl">456גדה</button></div>
<div><bdi dir="rtl">456גדה</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test bug 1169267</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendTextFromArray(new Array('456', 'גדה'))">
<div><input type="text" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto"></span></div>
<div><textarea id="set2" dir="auto"></textarea></div>
<div><button id="set3" dir="auto"></button></div>
<div><bdi id="set4"></bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test bug 1169267</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendDeleteAppendTextFromArray(new Array('456', 'def', 'גדה'))">
<div><input type="text" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto"></span></div>
<div><textarea id="set2" dir="auto"></textarea></div>
<div><button id="set3" dir="auto"></button></div>
<div><bdi id="set4"></bdi></div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>dir="auto" and inputs</title>
</head>
<body>
<p>The next three lines should be left-to-right:</p>
<div dir="ltr"><input value="abcdefghi"> is left-to-right.</div>
<div dir="ltr"><input value="ابتثجحخدذ"> is right-to-left.</div>
<div dir="ltr"><input value="!()*;<=>?"> is neutral.</div>
<p dir="rtl">The next three lines should be right-to-left:</p>
<div dir="rtl"><input value="abcdefghi"> שמאל-ימין.</div>
<div dir="rtl"><input value="ابتثجحخدذ"> ימין-שמאל.</div>
<div dir="rtl"><input value="!()*;<=>?"> נייטראלי.</div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>dir="auto" and inputs</title>
</head>
<body>
<p>The next three lines should be left-to-right:</p>
<div dir="auto"><input value="abcdefghi"> is left-to-right.</div>
<div dir="auto"><input value="ابتثجحخدذ"> is right-to-left.</div>
<div dir="auto"><input value="!()*;<=>?"> is neutral.</div>
<p dir="rtl">The next three lines should be right-to-left:</p>
<div dir="auto"><input value="abcdefghi"> שמאל-ימין.</div>
<div dir="auto"><input value="ابتثجحخدذ"> ימין-שמאל.</div>
<div dir="auto"><input value="!()*;<=>?"> נייטראלי.</div>
</body>
</html>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html dir="rtl" lang="he">
<head>
<meta charset="utf-8" />
</head>
<body>
<ul>
<li><span lang="en">correct rendering, parentheses at the end of the line: (<span dir="rtl">משהו בעברית: Something in English</span>)</span></li>
</ul>
</body>
</html>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html dir="rtl" lang="he">
<head>
<meta charset="utf-8" />
</head>
<body>
<ul>
<li><span lang="en">correct rendering, parentheses at the end of the line: (<span dir="auto">משהו בעברית: Something in English</span>)</span></li>
</ul>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Auto dir and alignment</title>
</head>
<body>
<h1>Auto dir and alignment</h1>
<p>Every line below should read "<span style="unicode-bidi: bidi-override"
>!world םולש</span>" and should be aligned to the right</p>
<p dir="rtl">שלום world!</p>
<p dir="rtl"><b>שלום</b> world!</p>
<p dir="rtl">שלום world!</p>
<p dir="rtl"><b>שלום</b> world!</p>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Auto dir and alignment</title>
<style type="text/css">
p.plaintext {
unicode-bidi: plaintext;
}
</style>
</head>
<body>
<h1>Auto dir and alignment</h1>
<p>Every line below should read "<span style="unicode-bidi: bidi-override"
>!world םולש</span>" and should be aligned to the right</p>
<p class="plaintext">שלום world!</p>
<p class="plaintext"><b>שלום</b> world!</p>
<p dir="auto">שלום world!</p>
<p dir="auto"><b>שלום</b> world!</p>
</body>
</html>

View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Test: BDI: paragraph-level container</title>
<link rel="reference" href="bdi-auto-dir-default-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="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
<meta name="assert" content="
'The dir global attribute defaults to auto on this element (it never inherits from the parent
element like with other elements).'">
<style>
body{
font-size:2em;
}
.box {
border: medium solid gray;
width: 500px;
margin: 20px;
}
</style>
</head>
<body>
<!-- Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right-override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
<div class="box">
<div dir="ltr">&#x202D;[:)], [+- a &#x05D1;], [d &#x05D2; 1]...&#x202C;</div>
<div dir="rtl">&#x202D;...[d &#x05D2; 1] ,[+- a &#x05D1;] ,[:)]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Test: BDI: paragraph-level container</title>
<link rel="reference" href="bdi-auto-dir-default-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="http://dev.w3.org/html5/spec/Overview.html#the-bdi-element">
<meta name="assert" content="
'The dir global attribute defaults to auto on this element (it never inherits from the parent
element like with other elements).'">
<style>
body{
font-size:2em;
}
.box {
border: medium solid gray;
width: 500px;
margin: 20px;
}
</style>
</head>
<body>
<!-- Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right-override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO. -->
<div class="box">
<!--
In each DIV below:
- the first BDI, having no characters with strong direction, should be LTR by default;
- the second BDI, having an LTR character first, should be LTR by default;
- the thord BDI, having an RTL character first, should be RTL by default.
-->
<div dir="ltr"><bdi>[:)]</bdi>, <bdi>[+- a &#x05D1;]</bdi>, <bdi>[1 &#x05D2; d]</bdi>...</div>
<div dir="rtl"><bdi>[:)]</bdi>, <bdi>[+- a &#x05D1;]</bdi>, <bdi>[1 &#x05D2; d]</bdi>...</div>
</div>
</body>
</html>

View file

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter A, thus the direction must be
resolved as LTR." />
<style>
input, textarea {
font-size:1em;
}
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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Alef, thus the direction must be
resolved as RTL." />
<style>
input, textarea {
font-size:1em;
}
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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter A, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-L.html in which
the explicit dir is set by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('rtl')">
<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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Alef, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-R.html in which
the explicit dir is set by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('ltr')">
<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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter A, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-L.html in which
an element with an invalid dir attribute has the dir attribute set by
script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('rtl')">
<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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="foopy">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="foopy">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Alef, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-R.html in which
an element with an invalid dir attribute has the dir attribute set by
script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('ltr')">
<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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="foopy">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="foopy">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter D, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-R.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="ltr"><p id="p1" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p id="p2" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter D, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-R.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('')">
<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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Dalet, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-L.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="rtl"><p id="p1" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p id="p2" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Dalet, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-L.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('')">
<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; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextValuesTo('ABC אבג')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextDefaultValuesTo('ABC אבג')">
<div><input type="text" value="..." id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">...</span></div>
<div><textarea id="set2" dir="auto">...</textarea></div>
<div><button id="set3" dir="auto">...</button></div>
<div><bdi id="set4">...</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextValuesTo('ABC אבג')">
<div><input type="text" value="..." id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">...</span></div>
<div><textarea id="set2" dir="auto">...</textarea></div>
<div><button id="set3" dir="auto">...</button></div>
<div><bdi id="set4">...</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendTextFromArray(new Array('ABC', ' ', 'אבג'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="prependTextFromArray(new Array('אבג', ' ', 'ABC'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendSpansFromArray(new Array('ABC', ' ', 'אבג'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="prependSpansFromArray(new Array('אבג', ' ', 'ABC'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextChildrenTo('ABC אבג')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextChildrenTo('ABC אבג')">
<div><input type="text" value="..." id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">...</span></div>
<div><textarea id="set2" dir="auto">...</textarea></div>
<div><button id="set3" dir="auto">...</button></div>
<div><bdi id="set4">...</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextDefaultValuesTo('ABC אבג')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextValuesTo('אבג ABC')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextDefaultValuesTo('אבג ABC')">
<div><input type="text" value="..." id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">...</span></div>
<div><textarea id="set2" dir="auto">...</textarea></div>
<div><button id="set3" dir="auto">...</button></div>
<div><bdi id="set4">...</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextValuesTo('אבג ABC')">
<div><input type="text" value="..." id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">...</span></div>
<div><textarea id="set2" dir="auto">...</textarea></div>
<div><button id="set3" dir="auto">...</button></div>
<div><bdi id="set4">...</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendTextFromArray(new Array('אבג', ' ', 'ABC'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="prependTextFromArray(new Array('ABC', ' ', 'אבג'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="appendSpansFromArray(new Array('אבג', ' ', 'ABC'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="prependSpansFromArray(new Array('ABC', ' ', 'אבג'))">
<div><input type="text" value="&#x00ad;" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">&#x00ad;</span></div>
<div><textarea id="set2" dir="auto">&#x00ad;</textarea></div>
<div><button id="set3" dir="auto">&#x00ad;</button></div>
<div><bdi id="set4">&#x00ad;</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextChildrenTo('אבג ABC')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextChildrenTo('אבג ABC')">
<div><input type="text" value="..." id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">...</span></div>
<div><textarea id="set2" dir="auto">...</textarea></div>
<div><button id="set3" dir="auto">...</button></div>
<div><bdi id="set4">...</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllTextDefaultValuesTo('אבג ABC')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeElements()">
<div><input type="text" value="ABC אבג" dir="auto"></div>
<div><span dir="auto"><span id="set0">DEF </span>ABC אבג</span></div>
<div><textarea dir="auto">ABC אבג</textarea></div>
<div><button dir="auto"><span id="set1">DEF </span>ABC אבג</button></div>
<div><bdi><span id="set2">DEF </span>ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeElements()">
<div><input type="text" value="ABC אבג" dir="auto"></div>
<div><span dir="auto"><span id="set0">גדה </span>ABC אבג</span></div>
<div><textarea dir="auto">ABC אבג</textarea></div>
<div><button dir="auto"><span id="set1">גדה </span>ABC אבג</button></div>
<div><bdi><span id="set2">גדה </span>ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeElements()">
<div><input type="text" value="ABC אבג" dir="auto"></div>
<div><span dir="auto"><span id="set0">... </span>ABC אבג</span></div>
<div><textarea dir="auto">ABC אבג</textarea></div>
<div><button dir="auto"><span id="set1">... </span>ABC אבג</button></div>
<div><bdi><span id="set2">... </span>ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeElements()">
<div><input type="text" value="אבג ABC" dir="auto"></div>
<div><span dir="auto"><span id="set0">DEF </span>אבג ABC</span></div>
<div><textarea dir="auto">אבג ABC</textarea></div>
<div><button dir="auto"><span id="set1">DEF </span>אבג ABC</button></div>
<div><bdi><span id="set2">DEF </span>אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeElements()">
<div><input type="text" value="אבג ABC" dir="auto"></div>
<div><span dir="auto"><span id="set0">גדה </span>אבג ABC</span></div>
<div><textarea dir="auto">אבג ABC</textarea></div>
<div><button dir="auto"><span id="set1">גדה </span>אבג ABC</button></div>
<div><bdi><span id="set2">גדה </span>אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeElements()">
<div><input type="text" value="אבג ABC" dir="auto"></div>
<div><span dir="auto"><span id="set0">... </span>אבג ABC</span></div>
<div><textarea dir="auto">אבג ABC</textarea></div>
<div><button dir="auto"><span id="set1">... </span>אבג ABC</button></div>
<div><bdi><span id="set2">... </span>אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,14 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="addLTRAutoElements()">
<div id="container"></div>
</body>
</html>

View file

@ -0,0 +1,14 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="addRTLAutoElements()">
<div id="container"></div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="ABC אבג" dir="ltr"></div>
<div><span dir="ltr">ABC אבג</span></div>
<div><textarea dir="ltr">ABC אבג</textarea></div>
<div><button dir="ltr">ABC אבג</button></div>
<div><span dir="ltr">ABC אבג</span></div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="ABC אבג" dir="rtl"></div>
<div><span dir="rtl">ABC אבג</span></div>
<div><textarea dir="rtl">ABC אבג</textarea></div>
<div><button dir="rtl">ABC אבג</button></div>
<div><span dir="rtl">ABC אבג</span></div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="אבג ABC" dir="ltr"></div>
<div><span dir="ltr">אבג ABC</span></div>
<div><textarea dir="ltr">אבג ABC</textarea></div>
<div><button dir="ltr">אבג ABC</button></div>
<div><span dir="ltr">אבג ABC</span></div>
</body>
</html>

View file

@ -0,0 +1,20 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="אבג ABC" dir="ltr"></div>
<div><span dir="ltr">אבג ABC</span></div>
<div><textarea dir="ltr">אבג ABC</textarea></div>
<div><button dir="ltr">אבג ABC</button></div>
<!-- the last line is span dir="rtl" because it's the reference
for a bdi that begins with rtl characters, so with an empty or
invalid value for the dir attribute it will be resolved as rtl -->
<div><span dir="rtl">אבג ABC</span></div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="אבג ABC" dir="rtl"></div>
<div><span dir="rtl">אבג ABC</span></div>
<div><textarea dir="rtl">אבג ABC</textarea></div>
<div><button dir="rtl">אבג ABC</button></div>
<div><span dir="rtl">אבג ABC</span></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="ltr"></div>
<div><span id="set1" dir="ltr">ABC אבג</span></div>
<div><textarea id="set2" dir="ltr">ABC אבג</textarea></div>
<div><button id="set3" dir="ltr">ABC אבג</button></div>
<div><bdi id="set4" dir="ltr">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><span id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><span id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><span id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="ltr"></div>
<div><span id="set1" dir="ltr">ABC אבג</span></div>
<div><textarea id="set2" dir="ltr">ABC אבג</textarea></div>
<div><button id="set3" dir="ltr">ABC אבג</button></div>
<div><bdi id="set4" dir="ltr">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><span id="set4">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><span id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><span id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more