mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255
This commit is contained in:
James Graham
parent
b2a5225831
commit
1a81b18b9f
12321 changed files with 544385 additions and 6 deletions
0
tests/wpt/web-platform-tests/html/dom/elements/.gitkeep
Normal file
0
tests/wpt/web-platform-tests/html/dom/elements/.gitkeep
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
[
|
||||
{
|
||||
"id": "kinds-of-content",
|
||||
"original_id": "kinds-of-content",
|
||||
"children": [
|
||||
{
|
||||
"id": "metadata-content",
|
||||
"original_id": "metadata-content"
|
||||
},
|
||||
{
|
||||
"id": "flow-content",
|
||||
"original_id": "flow-content"
|
||||
},
|
||||
{
|
||||
"id": "sectioning-content",
|
||||
"original_id": "sectioning-content"
|
||||
},
|
||||
{
|
||||
"id": "heading-content",
|
||||
"original_id": "heading-content"
|
||||
},
|
||||
{
|
||||
"id": "phrasing-content",
|
||||
"original_id": "phrasing-content"
|
||||
},
|
||||
{
|
||||
"id": "embedded-content",
|
||||
"original_id": "embedded-content"
|
||||
},
|
||||
{
|
||||
"id": "interactive-content",
|
||||
"original_id": "interactive-content"
|
||||
},
|
||||
{
|
||||
"id": "palpable-content",
|
||||
"original_id": "palpable-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "transparent-content-models",
|
||||
"original_id": "transparent-content-models"
|
||||
},
|
||||
{
|
||||
"id": "paragraphs",
|
||||
"original_id": "paragraphs"
|
||||
}
|
||||
]
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
[
|
||||
{
|
||||
"id": "attributes",
|
||||
"original_id": "attributes"
|
||||
}
|
||||
]
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>HTMLUnknownElement</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/#htmlunknownelement">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
test(function() {
|
||||
var elt = document.createElement("xxx");
|
||||
assert_true(window.HTMLUnknownElement && elt instanceof HTMLUnknownElement,
|
||||
"not an instance of HTMLUnknownElement");
|
||||
assert_true(window.HTMLSpanElement && !(elt instanceof HTMLSpanElement),
|
||||
"an instance of HTMLSpanElement");
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
AddType 'text/html; charset=UTF-8' html
|
||||
<Files 'the-lang-attribute-003.html'>
|
||||
AddLanguage 'ko' .html
|
||||
</Files>
|
||||
<Files 'the-lang-attribute-005.html'>
|
||||
AddLanguage 'zh' .html
|
||||
</Files>
|
||||
<Files 'the-lang-attribute-006.html'>
|
||||
AddLanguage 'zh' .html
|
||||
</Files>
|
||||
<Files 'the-lang-attribute-009.html'>
|
||||
AddLanguage 'ko' .html
|
||||
</Files>
|
||||
<Files 'the-lang-attribute-011.html'>
|
||||
AddLanguage 'ko,zh,ja' .html
|
||||
</Files>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<title>classList: non-string contains</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/#classes">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/#domtokenlist">
|
||||
<link rel="help" href="https://heycam.github.io/webidl/#es-DOMString">
|
||||
<link rel="help" href="http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf#page=57">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div id="log"></div>
|
||||
<div id="test">
|
||||
<ul>
|
||||
<li class=undefined>
|
||||
<li class=null>
|
||||
<li class=0>
|
||||
<li class=NaN>
|
||||
<li class=Infinity>
|
||||
<li class=-Infinity>
|
||||
</ul>
|
||||
<script>
|
||||
var items = document.getElementById("test")
|
||||
.getElementsByTagName("li");
|
||||
var tests = [undefined, null, -0, +0, NaN, +Infinity, -Infinity];
|
||||
var results = [
|
||||
[true, false, false, false, false, false, false], // "undefined"
|
||||
[false, true, false, false, false, false, false], // "null"
|
||||
[false, false, true, true, false, false, false], // "0"
|
||||
[false, false, false, false, true, false, false], // "NaN"
|
||||
[false, false, false, false, false, true, false], // "Infinity"
|
||||
[false, false, false, false, false, false, true ] // "-Infinity"
|
||||
];
|
||||
</script>
|
||||
</div>
|
||||
<script>
|
||||
test(function() {
|
||||
for (var i = 0, il = items.length; i < il; ++i) {
|
||||
test(function() {
|
||||
for (var j = 0, jl = tests.length; j < jl; ++j) {
|
||||
assert_equals(items[i].classList.contains(tests[j]), results[i][j]);
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
[
|
||||
{
|
||||
"id": "the-id-attribute",
|
||||
"original_id": "the-id-attribute"
|
||||
},
|
||||
{
|
||||
"id": "the-title-attribute",
|
||||
"original_id": "the-title-attribute"
|
||||
},
|
||||
{
|
||||
"id": "the-lang-and-xml-lang-attributes",
|
||||
"original_id": "the-lang-and-xml:lang-attributes"
|
||||
},
|
||||
{
|
||||
"id": "the-translate-attribute",
|
||||
"original_id": "the-translate-attribute"
|
||||
},
|
||||
{
|
||||
"id": "the-xml-base-attribute-xml-only",
|
||||
"original_id": "the-xml:base-attribute-(xml-only)"
|
||||
},
|
||||
{
|
||||
"id": "the-dir-attribute",
|
||||
"original_id": "the-dir-attribute"
|
||||
},
|
||||
{
|
||||
"id": "classes",
|
||||
"original_id": "classes"
|
||||
},
|
||||
{
|
||||
"id": "the-style-attribute",
|
||||
"original_id": "the-style-attribute"
|
||||
},
|
||||
{
|
||||
"id": "embedding-custom-non-visible-data-with-the-data-attributes",
|
||||
"original_id": "embedding-custom-non-visible-data-with-the-data-*-attributes"
|
||||
}
|
||||
]
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Element Custom Attributes</title>
|
||||
<link rel="author" title="Bruno de Oliveira Abinader" href="mailto:bruno.d@partner.samsung.com">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-dataset">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/#xml">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/dom/nodes/attributes.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Element Custom Attributes</h1>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
test(function() {
|
||||
var div = document.createElement("div");
|
||||
div.setAttributeNS("foo", "data-my-custom-attr", "first");
|
||||
div.setAttributeNS("bar", "data-my-custom-attr", "second");
|
||||
div.dataset.myCustomAttr = "third";
|
||||
|
||||
assert_equals(div.attributes.length, 3);
|
||||
attributes_are(div, [["data-my-custom-attr", "first", "foo"],
|
||||
["data-my-custom-attr", "second", "bar"],
|
||||
["data-my-custom-attr", "third", null]]);
|
||||
}, "Setting an Element's dataset property should not interfere with namespaced attributes with same name");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE HTML>
|
||||
<meta charset="utf-8">
|
||||
<title>HTML Test: dataset attribute</title>
|
||||
<link rel="author" title="ElegantPig" href="mailto:neil.ep@hotmail.com">
|
||||
<link rel="author" title="Xiaojun Wu" href="mailto:xiaojunx.a.wu@intel.com">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div id='log'></div>
|
||||
<div id="d1" data-weapons="laser 2" data-中文属性="中文"></div>
|
||||
<script>
|
||||
|
||||
test(function() {
|
||||
var d1 = document.getElementById("d1");
|
||||
assert_equals(d1.dataset.weapons, "laser 2");
|
||||
}, "dataset - SBCS");
|
||||
|
||||
test(function() {
|
||||
var d1 = document.getElementById("d1");
|
||||
assert_equals(d1.dataset.中文属性, "中文");
|
||||
}, "dataset - UNICODE");
|
||||
|
||||
</script>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dataset - Delete</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Dataset - Delete</h1>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
function testDelete(attr, prop)
|
||||
{
|
||||
var d = document.createElement("div");
|
||||
d.setAttribute(attr, "value");
|
||||
delete d.dataset[prop];
|
||||
return d.hasAttribute(attr) === false && d.getAttribute(attr) != "value";
|
||||
}
|
||||
|
||||
function testDeleteNoAdd(prop)
|
||||
{
|
||||
var d = document.createElement("div");
|
||||
delete d.dataset[prop];
|
||||
return true;
|
||||
}
|
||||
|
||||
test(function() { assert_true(testDelete('data-foo', 'foo')); },
|
||||
"Deleting element.dataset['foo'] should also remove an attribute with name 'data-foo' should it exist.");
|
||||
test(function() { assert_true(testDelete('data-foo-bar', 'fooBar')); },
|
||||
"Deleting element.dataset['fooBar'] should also remove an attribute with name 'data-foo-bar' should it exist.");
|
||||
test(function() { assert_true(testDelete('data--', '-')); },
|
||||
"Deleting element.dataset['-'] should also remove an attribute with name 'data--' should it exist.");
|
||||
test(function() { assert_true(testDelete('data--foo', 'Foo')); },
|
||||
"Deleting element.dataset['Foo'] should also remove an attribute with name 'data--foo' should it exist.");
|
||||
test(function() { assert_true(testDeleteNoAdd('data--foo', '-foo')); },
|
||||
"Deleting element.dataset['-foo'] should also remove an attribute with name 'data--foo' should it exist.");
|
||||
test(function() { assert_true(testDelete('data---foo', '-Foo')); },
|
||||
"Deleting element.dataset['-Foo'] should also remove an attribute with name 'data---foo' should it exist.");
|
||||
test(function() { assert_true(testDelete('data-', '')); },
|
||||
"Deleting element.dataset[''] should also remove an attribute with name 'data-' should it exist.");
|
||||
test(function() { assert_true(testDelete('data-\xE0', '\xE0')); },
|
||||
"Deleting element.dataset['\xE0'] should also remove an attribute with name 'data-\xE0' should it exist.");
|
||||
test(function() { assert_true(testDeleteNoAdd('foo')); },
|
||||
"Deleting element.dataset['foo'] should not throw if even if the element does now have an attribute with the name data-foo.");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dataset - Enumeration</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Dataset - Enumeration</h1>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
function testEnumeration(array)
|
||||
{
|
||||
var d = document.createElement("div");
|
||||
for (var i = 0; i < array.length; ++i)
|
||||
d.setAttribute(array[i], "value");
|
||||
|
||||
var count = 0;
|
||||
for (var item in d.dataset)
|
||||
count++;
|
||||
|
||||
return count;
|
||||
}
|
||||
|
||||
test(function() { assert_equals(testEnumeration(['data-foo', 'data-bar', 'data-baz']), 3); },
|
||||
"A dataset should be enumeratable.");
|
||||
test(function() { assert_equals(testEnumeration(['data-foo', 'data-bar', 'dataFoo']), 2); },
|
||||
"Only attributes who qualify as dataset properties should be enumeratable in the dataset.");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dataset - Get</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Dataset - Get</h1>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
function testGet(attr, expected)
|
||||
{
|
||||
var d = document.createElement("div");
|
||||
d.setAttribute(attr, "value");
|
||||
return d.dataset[expected] == "value";
|
||||
}
|
||||
|
||||
test(function() { assert_true(testGet('data-foo', 'foo')); },
|
||||
"Getting element.dataset['foo'] should return the value of element.getAttribute('data-foo')'");
|
||||
test(function() { assert_true(testGet('data-foo-bar', 'fooBar')); },
|
||||
"Getting element.dataset['fooBar'] should return the value of element.getAttribute('data-foo-bar')'");
|
||||
test(function() { assert_true(testGet('data--', '-')); },
|
||||
"Getting element.dataset['-'] should return the value of element.getAttribute('data--')'");
|
||||
test(function() { assert_true(testGet('data--foo', 'Foo')); },
|
||||
"Getting element.dataset['Foo'] should return the value of element.getAttribute('data--foo')'");
|
||||
test(function() { assert_true(testGet('data---foo', '-Foo')); },
|
||||
"Getting element.dataset['-Foo'] should return the value of element.getAttribute('data---foo')'");
|
||||
test(function() { assert_true(testGet('data-Foo', 'foo')); },
|
||||
"Getting element.dataset['foo'] should return the value of element.getAttribute('data-Foo')'");
|
||||
test(function() { assert_true(testGet('data-', '')); },
|
||||
"Getting element.dataset[''] should return the value of element.getAttribute('data-')'");
|
||||
test(function() { assert_true(testGet('data-\xE0', '\xE0')); },
|
||||
"Getting element.dataset['\xE0'] should return the value of element.getAttribute('data-\xE0')'");
|
||||
test(function() { assert_true(testGet('data-to-string', 'toString')); },
|
||||
"Getting element.dataset['toString'] should return the value of element.getAttribute('data-to-string')'");
|
||||
|
||||
function matchesNothingInDataset(attr)
|
||||
{
|
||||
var d = document.createElement("div");
|
||||
d.setAttribute(attr, "value");
|
||||
|
||||
if (!d.dataset)
|
||||
return false;
|
||||
|
||||
var count = 0;
|
||||
for (var item in d.dataset)
|
||||
count++;
|
||||
return count == 0;
|
||||
}
|
||||
|
||||
test(function() { assert_true(matchesNothingInDataset('dataFoo')); },
|
||||
"Tests that an attribute named dataFoo does not make an entry in the dataset DOMStringMap.");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dataset - element.dataset is an instance of DOMStringMap</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Dataset - element.dataset is an instance of DOMStringMap</h1>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
test(function() { assert_true(document.createElement("div").dataset instanceof window.DOMStringMap); },
|
||||
"An elements dataset property is an instance of a DOMStringMap");
|
||||
test(function() {
|
||||
var dataset = document.createElement("div").dataset;
|
||||
assert_true("toString" in dataset, '"toString" in dataset');
|
||||
assert_equals(dataset.toString, Object.prototype.toString);
|
||||
assert_false("expando" in dataset, '"expando" in dataset');
|
||||
assert_equals(dataset.expando, undefined);
|
||||
Object.prototype.expando = 42;
|
||||
assert_true("expando" in dataset, '"expando" in dataset');
|
||||
assert_equals(dataset.expando, 42);
|
||||
}, "Properties on Object.prototype should shine through.");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dataset - Set</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Dataset - Set</h1>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
function testSet(prop, expected)
|
||||
{
|
||||
var d = document.createElement("div");
|
||||
d.dataset[prop] = "value";
|
||||
return d.getAttribute(expected) == "value";
|
||||
}
|
||||
|
||||
test(function() { assert_true(testSet('foo', 'data-foo')); },
|
||||
"Setting element.dataset['foo'] should also change the value of element.getAttribute('data-foo')'");
|
||||
test(function() { assert_true(testSet('fooBar', 'data-foo-bar')); },
|
||||
"Setting element.dataset['fooBar'] should also change the value of element.getAttribute('data-foo-bar')'");
|
||||
test(function() { assert_true(testSet('-', 'data--')); },
|
||||
"Setting element.dataset['-'] should also change the value of element.getAttribute('data--')'");
|
||||
test(function() { assert_true(testSet('Foo', 'data--foo')); },
|
||||
"Setting element.dataset['Foo'] should also change the value of element.getAttribute('data--foo')'");
|
||||
test(function() { assert_true(testSet('-Foo', 'data---foo')); },
|
||||
"Setting element.dataset['-Foo'] should also change the value of element.getAttribute('data---foo')'");
|
||||
test(function() { assert_true(testSet('', 'data-')); },
|
||||
"Setting element.dataset[''] should also change the value of element.getAttribute('data-')'");
|
||||
test(function() { assert_true(testSet('\xE0', 'data-\xE0')); },
|
||||
"Setting element.dataset['\xE0'] should also change the value of element.getAttribute('data-\xE0')'");
|
||||
test(function() { assert_throws('SYNTAX_ERR', function() { testSet('-foo', 'dummy') }); },
|
||||
"Setting element.dataset['-foo'] should throw a SYNTAX_ERR'");
|
||||
test(function() { assert_throws('INVALID_CHARACTER_ERR', function() { testSet('foo\x20', 'dummy') }); },
|
||||
"Setting element.dataset['foo\x20'] should throw an INVALID_CHARACTER_ERR'");
|
||||
test(function() { assert_throws('INVALID_CHARACTER_ERR', function() { testSet('foo\uF900', 'dummy') }); },
|
||||
"Setting element.dataset['foo\uF900'] should throw an INVALID_CHARACTER_ERR'");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<title>dataset: should return 'undefined' for non-existent properties</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
var div = document.createElement("div");
|
||||
test(function() {
|
||||
assert_false("foo" in div.dataset);
|
||||
assert_equals(div.dataset.foo, undefined);
|
||||
}, "Should return 'undefined' before setting an attribute")
|
||||
test(function() {
|
||||
div.setAttribute("data-foo", "value");
|
||||
assert_true("foo" in div.dataset);
|
||||
assert_equals(div.dataset.foo, "value");
|
||||
}, "Should return 'value' if that's the value")
|
||||
test(function() {
|
||||
div.setAttribute("data-foo", "");
|
||||
assert_true("foo" in div.dataset);
|
||||
assert_equals(div.dataset.foo, "");
|
||||
}, "Should return the empty string if that's the value")
|
||||
test(function() {
|
||||
div.removeAttribute("data-foo");
|
||||
assert_false("foo" in div.dataset);
|
||||
assert_equals(div.dataset.foo, undefined);
|
||||
}, "Should return 'undefined' after removing an attribute")
|
||||
</script>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" href="dir_auto-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="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
|
||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with R</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with R</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with bdi, then L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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 bdi 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"><bdi>דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><bdi>דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><bdi>דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><bdi>דהו</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 L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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 bdi 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"><bdi>דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><bdi>דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><bdi>דהו</bdi>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><bdi>דהו</bdi>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 bdi, then R</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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 bdi 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"><bdi>DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><bdi>DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><bdi>DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><bdi>DEF</bdi>אבג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 bdi, then R</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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 bdi 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"><bdi>DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><bdi>DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><bdi>DEF</bdi>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><bdi>DEF</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="match" 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="https://html.spec.whatwg.org/multipage/#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, then L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: dir=auto, start with style, then L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>body {color:black;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><style>body {color:black;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><style>body {color:black;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><style>body {color:black;}</style>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 style, then L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>body {color:black;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><style>body {color:black;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="ltr"><style>body {color:black;}</style>ABCאבג.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="ltr"><style>body {color:black;}</style>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 style, then R</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>body {color:black;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><style>body {color:black;}</style>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><style>body {color:black;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><style>body {color:black;}</style>אבג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 style, then R</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>body {color:black;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="auto"><style>body {color:black;}</style>אבגABC.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
<div dir="rtl"><style>body {color:black;}</style>אבגABC.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div dir="rtl"><style>body {color:black;}</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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+EN+L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, start with N+EN+R</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -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="match" 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="https://html.spec.whatwg.org/multipage/#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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!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="match" 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="https://html.spec.whatwg.org/multipage/#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).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!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="match" 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="https://html.spec.whatwg.org/multipage/#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).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to start with L</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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,70 @@
|
|||
<!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="match" 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="https://html.spec.whatwg.org/multipage/#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).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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,70 @@
|
|||
<!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="match" 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="https://html.spec.whatwg.org/multipage/#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).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>HTML Test: input with dir=auto, script assigns to all N+EN</title>
|
||||
<link rel="match" 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="https://html.spec.whatwg.org/multipage/#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="comments">
|
||||
Key to entities used below:
|
||||
א - The Hebrew letter Alef (strongly RTL).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!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="match" 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="https://html.spec.whatwg.org/multipage/#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).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!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="match" 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="https://html.spec.whatwg.org/multipage/#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).
|
||||
This test makes sure that the direction is set correctly for an input whose value is set
|
||||
dynamically by script.
|
||||
</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="match" 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="https://html.spec.whatwg.org/multipage/#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>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue