mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Tests for dir=auto (Bug 548206) from w3c HTML5 test suite, r=smontagu
This commit is contained in:
Matitiahu Allouche
parent
608f139019
commit
7f45c42647
58
layout/reftests/bidi/dirAuto/dir_auto-EN-L-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-EN-L-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with EN, then L</title>
|
||||
<link rel="reference" href="dir_auto-EN-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.
|
||||
In this test, it is the Latin letter A since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-EN-L.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-EN-L.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with EN, then L</title>
|
||||
<link rel="reference" href="dir_auto-EN-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.
|
||||
In this test, it is the Latin letter A since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-EN-R-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-EN-R-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with EN, then R</title>
|
||||
<link rel="reference" href="dir_auto-EN-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.
|
||||
In this test, it is the Hebrew letter Alef since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-EN-R.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-EN-R.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with EN, then R</title>
|
||||
<link rel="reference" href="dir_auto-EN-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.
|
||||
In this test, it is the Hebrew letter Alef since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-L-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-L-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with L</title>
|
||||
<link rel="reference" href="dir_auto-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.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-L.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-L.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with L</title>
|
||||
<link rel="reference" href="dir_auto-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.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-L-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-L-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then EN, then L</title>
|
||||
<link rel="reference" href="dir_auto-N-EN-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.
|
||||
In this test, it is the Latin letter A since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-L.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-L.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then EN, then L</title>
|
||||
<link rel="reference" href="dir_auto-N-EN-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.
|
||||
In this test, it is the Latin letter A since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">.-=123ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-R-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-R-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then EN, then R</title>
|
||||
<link rel="reference" href="dir_auto-N-EN-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.
|
||||
In this test, it is the Hebrew letter Alef since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">.-=123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">.-=123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">.-=123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">.-=123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-R.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-EN-R.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then EN, then R</title>
|
||||
<link rel="reference" href="dir_auto-N-EN-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.
|
||||
In this test, it is the Hebrew letter Alef since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">.-=123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">.-=123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">.-=123אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">.-=123אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
51
layout/reftests/bidi/dirAuto/dir_auto-N-EN-ref.html
Normal file
51
layout/reftests/bidi/dirAuto/dir_auto-N-EN-ref.html
Normal file
@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then EN, then L</title>
|
||||
<link rel="reference" href="dir_auto-N-EN-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, ignoring neutrals and numbers.
|
||||
If there is no strong character, as in this test, the direction defaults to 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="test">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">@123!</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">@123!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">@123!</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">@123!</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
51
layout/reftests/bidi/dirAuto/dir_auto-N-EN.html
Normal file
51
layout/reftests/bidi/dirAuto/dir_auto-N-EN.html
Normal file
@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then EN, then L</title>
|
||||
<link rel="reference" href="dir_auto-N-EN-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, ignoring neutrals and numbers.
|
||||
If there is no strong character, as in this test, the direction defaults to 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="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">@123!</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">@123!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">@123!</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">@123!</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-L-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-L-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then L</title>
|
||||
<link rel="reference" href="dir_auto-N-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.
|
||||
In this test, it is the Latin letter A since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">.-=ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">.-=ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">.-=ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">.-=ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-L.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-L.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then L</title>
|
||||
<link rel="reference" href="dir_auto-N-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.
|
||||
In this test, it is the Latin letter A since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">.-=ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">.-=ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="ltr">.-=ABCאבג.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="ltr">.-=ABCאבג.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-R-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-R-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then R</title>
|
||||
<link rel="reference" href="dir_auto-N-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.
|
||||
In this test, it is the Hebrew letter Alef since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">.-=אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">.-=אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">.-=אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">.-=אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-N-R.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-N-R.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with N, then R</title>
|
||||
<link rel="reference" href="dir_auto-N-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.
|
||||
In this test, it is the Hebrew letter Alef since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">.-=אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">.-=אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">.-=אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">.-=אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-R-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-R-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with R</title>
|
||||
<link rel="reference" href="dir_auto-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.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-R.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-R.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with R</title>
|
||||
<link rel="reference" href="dir_auto-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.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<p dir="auto">אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="auto">אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<p dir="rtl">אבגABC.</p>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<p dir="rtl">אבגABC.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
62
layout/reftests/bidi/dirAuto/dir_auto-contained-L-ref.html
Normal file
62
layout/reftests/bidi/dirAuto/dir_auto-contained-L-ref.html
Normal file
@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with L within contained element</title>
|
||||
<link rel="reference" href="dir_auto-contained-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, including text within contained elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
ז - The Hebrew letter Zayin (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
62
layout/reftests/bidi/dirAuto/dir_auto-contained-L.html
Normal file
62
layout/reftests/bidi/dirAuto/dir_auto-contained-L.html
Normal file
@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with L within contained element</title>
|
||||
<link rel="reference" href="dir_auto-contained-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, including text within contained elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
ז - The Hebrew letter Zayin (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><div><div>ABCאבג.</div>דה</div>ו</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-contained-R-ref.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-contained-R-ref.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with R within contained element</title>
|
||||
<link rel="reference" href="dir_auto-contained-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, including text within contained elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-contained-R.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-contained-R.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with R within contained element</title>
|
||||
<link rel="reference" href="dir_auto-contained-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, including text within contained elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><div><div>אבגABC.</div>XY</div>Z</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with bdi, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-bdi-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.
|
||||
In this test, it is the Latin letter A, thus the direction must be
|
||||
resolved as LTR.
|
||||
The element with dir='auto' contains a bdi element whose first
|
||||
strong character is RTL. This is ignored by the containing
|
||||
element, but causes the bdi itself to 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><bdi dir="rtl">123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><bdi dir="rtl">123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><bdi dir="rtl">123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><bdi dir="rtl">123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
64
layout/reftests/bidi/dirAuto/dir_auto-contained-bdi-L.html
Normal file
64
layout/reftests/bidi/dirAuto/dir_auto-contained-bdi-L.html
Normal file
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with bdi, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-bdi-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.
|
||||
In this test, it is the Latin letter A, thus the direction must be
|
||||
resolved as LTR.
|
||||
The element with dir='auto' contains a bdi element whose first
|
||||
strong character is RTL. This is ignored by the containing
|
||||
element, but causes the bdi itself to 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><bdi>123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><bdi>123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><bdi dir="rtl">123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><bdi dir="rtl">123דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with bdi, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-bdi-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.
|
||||
In this test, it is the Hebrew letter Alef, thus the direction must be
|
||||
resolved as RTL.
|
||||
The element with dir='auto' contains a bdi element whose first
|
||||
strong character is LTR. This is ignored by the containing
|
||||
element, but causes the bdi itself to 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><bdi dir="ltr">123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><bdi dir="ltr">123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><bdi dir="ltr">123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><bdi dir="ltr">123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
61
layout/reftests/bidi/dirAuto/dir_auto-contained-bdi-R.html
Normal file
61
layout/reftests/bidi/dirAuto/dir_auto-contained-bdi-R.html
Normal file
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with bdi, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-bdi-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.
|
||||
In this test, it is the Hebrew letter Alef, thus the direction must be
|
||||
resolved as RTL.
|
||||
The element with dir='auto' contains a bdi element whose first
|
||||
strong character is LTR. This is ignored by the containing
|
||||
element, but causes the bdi itself to 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><bdi>123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><bdi>123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><bdi dir="ltr">123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><bdi dir="ltr">123DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
61
layout/reftests/bidi/dirAuto/dir_auto-contained-dir-L.html
Normal file
61
layout/reftests/bidi/dirAuto/dir_auto-contained-dir-L.html
Normal 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-contained-dir-R.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-contained-dir-R.html
Normal 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with dir=auto, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-dir_auto-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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with dir=auto, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-dir_auto-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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><p dir="auto">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><p dir="auto">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><p dir="rtl">דהו</p>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with dir=auto, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-dir_auto-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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with dir=auto, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-dir_auto-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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><p dir="auto">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><p dir="auto">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><p dir="ltr">DEF</p>.-=123אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with script, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-script-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 descendant text while ignoring descendant script elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with script, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-script-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 descendant text while ignoring descendant script elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><script>א = 3;</script>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with script, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-script-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 descendant text while ignoring descendant script elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with script, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-script-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 descendant text while ignoring descendant script elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><script>x = 3;</script>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with style, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-style-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 descendant text while ignoring descendant style elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
70
layout/reftests/bidi/dirAuto/dir_auto-contained-style-L.html
Normal file
70
layout/reftests/bidi/dirAuto/dir_auto-contained-style-L.html
Normal file
@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with style, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-style-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 descendant text while ignoring descendant style elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:red;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with style, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-style-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 descendant text while ignoring descendant style elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
70
layout/reftests/bidi/dirAuto/dir_auto-contained-style-R.html
Normal file
70
layout/reftests/bidi/dirAuto/dir_auto-contained-style-R.html
Normal file
@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with style, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-style-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 descendant text while ignoring descendant style elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><style>input, textarea {
|
||||
font-size:1em;
|
||||
}
|
||||
body {color:blue;}</style>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with textarea, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-textarea-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 descendant text while ignoring descendant textarea elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with textarea, then L</title>
|
||||
<link rel="reference" href="dir_auto-contained-textarea-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 descendant text while ignoring descendant textarea elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
ד - The Hebrew letter Dalet (strongly RTL).
|
||||
ה - The Hebrew letter He (strongly RTL).
|
||||
ו - The Hebrew letter Vav (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><textarea>דהו</textarea>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with textarea, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-textarea-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 descendant text while ignoring descendant textarea elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with textarea, then R</title>
|
||||
<link rel="reference" href="dir_auto-contained-textarea-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 descendant text while ignoring descendant textarea elements.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<div dir="auto"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><textarea>DEF</textarea>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-L-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-L-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-L.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-L.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-R-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-R-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-R.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-EN-R.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-L-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-L-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with L</title>
|
||||
<link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-L.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-L.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with L</title>
|
||||
<link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-L-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-L-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-L.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-L.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-R-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-R-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-R.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-R.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value=".-=123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value=".-=123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
54
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-ref.html
Normal file
54
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN-ref.html
Normal file
@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, all N+EN</title>
|
||||
<link rel="reference" href="dir_auto-input-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value, or to LTR if there is no such
|
||||
character.
|
||||
In this test, there is no strongly directional character in the value,
|
||||
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="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
54
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN.html
Normal file
54
layout/reftests/bidi/dirAuto/dir_auto-input-N-EN.html
Normal file
@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, all N+EN</title>
|
||||
<link rel="reference" href="dir_auto-input-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value, or to LTR if there is no such
|
||||
character.
|
||||
In this test, there is no strongly directional character in the value,
|
||||
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="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="@123!" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="@123!" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-L-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-L-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+L</title>
|
||||
<link rel="reference" href="dir_auto-input-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-L.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-L.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+L</title>
|
||||
<link rel="reference" href="dir_auto-input-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value=".-=ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value=".-=ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-R-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-R-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+R</title>
|
||||
<link rel="reference" href="dir_auto-input-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-R.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-N-R.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+R</title>
|
||||
<link rel="reference" href="dir_auto-input-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value=".-=אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value=".-=אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-R-ref.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-R-ref.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with R</title>
|
||||
<link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
59
layout/reftests/bidi/dirAuto/dir_auto-input-R.html
Normal file
59
layout/reftests/bidi/dirAuto/dir_auto-input-R.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with R</title>
|
||||
<link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-EN-L.html
Normal file
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-EN-L.html
Normal file
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '123ABC\u05D0\u05D1\u05D2.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-EN-R.html
Normal file
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-EN-R.html
Normal file
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since digits are not strongly
|
||||
directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '123\u05D0\u05D1\u05D2ABC.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-L.html
Normal file
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-L.html
Normal file
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = 'ABC\u05D0\u05D1\u05D2.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+EN+L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '.-=123ABC\u05D0\u05D1\u05D2.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=123ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+EN+R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals and digits are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '.-=123\u05D0\u05D1\u05D2ABC.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=123אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to all N+EN</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value, or to LTR if there is no such
|
||||
character.
|
||||
In this test, there is no strongly directional character in the value,
|
||||
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="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
63
layout/reftests/bidi/dirAuto/dir_auto-input-script-N-EN.html
Normal file
63
layout/reftests/bidi/dirAuto/dir_auto-input-script-N-EN.html
Normal file
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to all N+EN</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-EN-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value, or to LTR if there is no such
|
||||
character.
|
||||
In this test, there is no strongly directional character in the value,
|
||||
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 id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '@123!';
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value="@123!" />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-N-L.html
Normal file
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-N-L.html
Normal file
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+L</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Latin letter A since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '.-=ABC\u05D0\u05D1\u05D2.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="א" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="ltr" value=".-=ABCאבג." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-N-R.html
Normal file
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-N-R.html
Normal file
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with N+R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-N-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
In this test, it is the Hebrew letter Alef since neutrals are not
|
||||
strongly directional, 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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '.-=\u05D0\u05D1\u05D2ABC.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value=".-=אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-R.html
Normal file
68
layout/reftests/bidi/dirAuto/dir_auto-input-script-R.html
Normal file
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with R</title>
|
||||
<link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
|
||||
the first strong character of its value.
|
||||
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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
ב - The Hebrew letter Bet (strongly RTL).
|
||||
ג - The Hebrew letter Gimel (strongly RTL).
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var inputs = test.getElementsByTagName('input');
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
inputs[i].value = '\u05D0\u05D1\u05D2ABC.';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="auto" value="a" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<input type="text" dir="rtl" value="אבגABC." />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
56
layout/reftests/bidi/dirAuto/dir_auto-isolate-ref.html
Normal file
56
layout/reftests/bidi/dirAuto/dir_auto-isolate-ref.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, isolated in LTR text</title>
|
||||
<link rel="reference" href="dir_auto-isolate-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, but the element behaves externally as a neutral character.
|
||||
In this test, it allows a preceding R to form a single directional run
|
||||
with a succeeding number." />
|
||||
<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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
‭1 a! א‬
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
‭a !א 1‬
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
‭1 a! א‬
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
‭a !א 1‬
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bidi/dirAuto/dir_auto-isolate.html
Normal file
58
layout/reftests/bidi/dirAuto/dir_auto-isolate.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, isolated in LTR text</title>
|
||||
<link rel="reference" href="dir_auto-isolate-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, but the element behaves externally as a neutral character.
|
||||
In this test, it allows a preceding R to form a single directional run
|
||||
with a succeeding number." />
|
||||
<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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
א <span dir="auto">a!</span> 1
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
a <span dir="auto">א!</span> 1
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
‭1 a! א‬
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
‭a !א 1‬
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
49
layout/reftests/bidi/dirAuto/dir_auto-pre-N-EN-ref.html
Normal file
49
layout/reftests/bidi/dirAuto/dir_auto-pre-N-EN-ref.html
Normal file
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
|
||||
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
|
||||
<style>
|
||||
body {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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="test">
|
||||
<div dir="ltr">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
66
layout/reftests/bidi/dirAuto/dir_auto-pre-N-EN.html
Normal file
66
layout/reftests/bidi/dirAuto/dir_auto-pre-N-EN.html
Normal file
@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: pre with dir=auto, all N+EN</title>
|
||||
<link rel="reference" href="dir_auto-pre-N-EN-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level.
|
||||
If there is no strong character, as in this test, the direction defaults to LTR." />
|
||||
<style>
|
||||
body {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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:
|
||||
‎ - LRM, the invisible left-to-right mark (strongly LTR).
|
||||
‏ - RLM, the invisible right-to-left mark (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<pre dir="auto">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="auto">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
|
||||
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
|
||||
<style>
|
||||
body {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<pre dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<pre dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
76
layout/reftests/bidi/dirAuto/dir_auto-pre-N-between-Rs.html
Normal file
76
layout/reftests/bidi/dirAuto/dir_auto-pre-N-between-Rs.html
Normal file
@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: pre with dir=auto, all-N between all-Rs</title>
|
||||
<link rel="reference" href="dir_auto-pre-N-between-Rs-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level.
|
||||
If there is no strong character, as in this test, the direction defaults to LTR." />
|
||||
<style>
|
||||
body {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
The ...! paragraph, being neutral, is supposed to be displayed LTR (i.e. as ...!, not as !...)
|
||||
despite both the paragraph before it and the paragraph after it being all-RTL, which makes the
|
||||
element as a whole RTL.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<pre dir="auto">
|
||||
א
|
||||
...!
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="auto">
|
||||
א
|
||||
...!
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<pre dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
61
layout/reftests/bidi/dirAuto/dir_auto-pre-mixed-ref.html
Normal file
61
layout/reftests/bidi/dirAuto/dir_auto-pre-mixed-ref.html
Normal file
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
|
||||
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
|
||||
<style>
|
||||
body {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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="test">
|
||||
<div dir="ltr">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
77
layout/reftests/bidi/dirAuto/dir_auto-pre-mixed.html
Normal file
77
layout/reftests/bidi/dirAuto/dir_auto-pre-mixed.html
Normal file
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: pre with dir=auto, mixed L and R paragraphs</title>
|
||||
<link rel="reference" href="dir_auto-pre-mixed-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level." />
|
||||
<style>
|
||||
body {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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:
|
||||
‎ - LRM, the invisible left-to-right mark (strongly LTR).
|
||||
‏ - RLM, the invisible right-to-left mark (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<pre dir="auto">
|
||||
@‎123‏!
|
||||
!‏123‎@
|
||||
@123‎‏!
|
||||
!123‏‎@
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="auto">
|
||||
@‎123‏!
|
||||
!‏123‎@
|
||||
@123‎‏!
|
||||
!123‏‎@
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<pre dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
49
layout/reftests/bidi/dirAuto/dir_auto-textarea-N-EN-ref.html
Normal file
49
layout/reftests/bidi/dirAuto/dir_auto-textarea-N-EN-ref.html
Normal file
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
|
||||
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
66
layout/reftests/bidi/dirAuto/dir_auto-textarea-N-EN.html
Normal file
66
layout/reftests/bidi/dirAuto/dir_auto-textarea-N-EN.html
Normal file
@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: textarea with dir=auto, all N+EN</title>
|
||||
<link rel="reference" href="dir_auto-textarea-N-EN-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level.
|
||||
If there is no strong character, as in this test, the direction defaults to LTR." />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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:
|
||||
‎ - LRM, the invisible left-to-right mark (strongly LTR).
|
||||
‏ - RLM, the invisible right-to-left mark (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="auto">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="auto">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="reference" href="dir_auto-textarea-N-between-Rs-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" />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
.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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: textarea with dir=auto, all-N between all-Rs</title>
|
||||
<link rel="reference" href="dir_auto-textarea-N-between-Rs-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level.
|
||||
If there is no strong character, as in this test, the direction defaults to LTR." />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
.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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
The ...! paragraph, being neutral, is supposed to be displayed LTR (i.e. as ...!, not as !...)
|
||||
despite both the paragraph before it and the paragraph after it being all-RTL, which makes the
|
||||
element as a whole RTL.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="auto">
|
||||
א
|
||||
...!
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="auto">
|
||||
א
|
||||
...!
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
|
||||
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
.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="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="5" dir="rtl">
|
||||
!123@
|
||||
!123@
|
||||
!123@
|
||||
!123@
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="5" dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="5" dir="rtl">
|
||||
!123@
|
||||
!123@
|
||||
!123@
|
||||
!123@
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="5" dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
80
layout/reftests/bidi/dirAuto/dir_auto-textarea-mixed.html
Normal file
80
layout/reftests/bidi/dirAuto/dir_auto-textarea-mixed.html
Normal file
@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: textarea with dir=auto, mixed L and R paragraphs</title>
|
||||
<link rel="reference" href="dir_auto-textarea-mixed-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level." />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
.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:
|
||||
‎ - LRM, the invisible left-to-right mark (strongly LTR).
|
||||
‏ - RLM, the invisible right-to-left mark (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="5" dir="auto">
|
||||
!‏123‎@
|
||||
@‎123‏!
|
||||
!123‏‎@
|
||||
@123‎‏!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="5" dir="auto">
|
||||
@‎123‏!
|
||||
!‏123‎@
|
||||
@123‎‏!
|
||||
!123‏‎@
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="5" dir="rtl">
|
||||
!123@
|
||||
!123@
|
||||
!123@
|
||||
!123@
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="5" dir="ltr">
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
|
||||
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: textarea with dir=auto, script assigns to all N+EN</title>
|
||||
<link rel="reference" href="dir_auto-textarea-script-N-EN-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level.
|
||||
If there is no strong character, as in this test, the direction defaults to LTR." />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
.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:
|
||||
‎ - LRM, the invisible left-to-right mark (strongly LTR).
|
||||
‏ - RLM, the invisible right-to-left mark (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var textareas = test.getElementsByTagName('textarea');
|
||||
for (var i = 0; i < textareas.length; i++) {
|
||||
textareas[i].value = '@123!\n';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="auto">
|
||||
‏
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="auto">
|
||||
‏
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="2" dir="ltr">
|
||||
@123!
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="reference" href="dir_auto-textarea-N-between-Rs-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" />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
.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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: textarea with dir=auto, script assigns to all-N between all-Rs</title>
|
||||
<link rel="reference" href="dir_auto-textarea-script-N-between-Rs-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-dir-attribute" />
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
|
||||
<meta name="assert" content="
|
||||
When dir='auto', the direction is set according to the first strong character
|
||||
of the text.
|
||||
For textarea and pre elements, the heuristic is applied on a per-paragraph level.
|
||||
If there is no strong character, as in this test, the direction defaults to LTR." />
|
||||
<style>
|
||||
body, textarea {
|
||||
font-size:18px;
|
||||
text-align:left;
|
||||
}
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
.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:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
|
||||
specification states whether text-align:start and text-align:end should obey the paragraph
|
||||
direction or the direction property in a unicode-bidi:plaintext element.
|
||||
The ...! paragraph, being neutral, is supposed to be displayed LTR (i.e. as ...!, not as !...)
|
||||
despite both the paragraph before it and the paragraph after it being all-RTL, which makes the
|
||||
element as a whole RTL.
|
||||
</div>
|
||||
<div id="test" class="test">
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var test = document.getElementById('test');
|
||||
var textareas = test.getElementsByTagName('textarea');
|
||||
for (var i = 0; i != textareas.length; i++) {
|
||||
textareas[i].value = '\u05D0\n...!\n\u05D0';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="auto">
|
||||
LTR text
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="auto">
|
||||
LTR text
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<textarea rows="4" dir="rtl">
|
||||
א
|
||||
!...
|
||||
א
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user