To run the test, or to see detailed, per character, results, click on the link in the left-most column. To see detailed results click on a row and look just above the table.
Where the instructions tell you to look for red strokes, these strokes should be clearly discernable behind the black text of the test – ignore any anti-aliasing 'glow'.
| Key: | pass | fail | partially successful |
|---|
Updated
These tests check whether user agents apply isolation around an element where the dir attribute is used, and treat it as a neutral character.
Section 3.2.5.6 The dir attribute says that when values of dir are rtl or ltr "contents of the element are explicitly directionally isolated".
Section 3.2.6.2 of the HTML5 specification, part of the section Requirements relating to the bidirectional algorithm, says "The following elements and attributes have requirements defined by the rendering section that, due to the requirements in this section, are requirements on all user agents (not just those that support the suggested default rendering)". Section 10.3.5 Bidirectional text expresses the expected rendering in terms of CSS.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| number isolation dir-isolation-001.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| list item isolation dir-isolation-002.html |
A list of elements, each with a dir attribute, is displayed in the order of the surrounding base direction. | pass | pass | pass | pass |
Spec links for this table: link
These tests look at edge cases.
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| isolated from following number, opposite direction dir-isolation-001a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number, auto dir-isolation-001b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number, same direction dir-isolation-001c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number with intervening neutrals, opposite direction dir-isolation-002a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number with intervening neutrals, auto dir-isolation-002b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number with intervening neutrals, same direction dir-isolation-002c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from immediately following number, opposite direction dir-isolation-003a.html |
Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following number, auto dir-isolation-003b.html |
Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following number, same direction dir-isolation-003c.html |
Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space. | pass | pass | pass | pass |
| numbers isolated from preceding text, opposite direction dir-isolation-004a.html |
Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| numbers isolated from preceding text, auto dir-isolation-004b.html |
Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| numbers isolated from preceding text, same direction dir-isolation-004c.html |
Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from following text, opposite direction dir-isolation-005a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text. | pass | pass | pass | pass |
| isolated from following text, auto dir-isolation-005b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text. | pass | pass | pass | pass |
| isolated from following text, same direction dir-isolation-005c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text. | pass | pass | pass | pass |
| isolated from following text with intervening neutrals, opposite direction dir-isolation-006a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals. | pass | pass | pass | pass |
| isolated from following text with intervening neutrals, auto dir-isolation-006b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals. | pass | pass | pass | pass |
| isolated from following text with intervening neutrals, same direction dir-isolation-006c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals. | pass | pass | pass | pass |
| isolated from immediately following text, opposite direction dir-isolation-007a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following text, auto dir-isolation-007b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following text, same direction dir-isolation-007c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space. | pass | pass | pass | pass |
| isolated from preceding text, opposite direction dir-isolation-008a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from preceding text, auto dir-isolation-008b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from preceding text, same direction dir-isolation-008c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from surrounding text, opposite direction dir-isolation-009a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text. | pass | pass | pass | pass |
| isolated from surrounding text, auto dir-isolation-009b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text. | pass | pass | pass | pass |
| isolated from surrounding text, same direction dir-isolation-009c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text. | pass | pass | pass | pass |
Spec links for this table: link
The following tests are the same as those in the previous section, but use the following CSS shim to produce the needed isolation.
[dir='ltr'], [dir='rtl'] {
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: -ms-isolate;
unicode-bidi: isolate;
}
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Edge | Webkit Safari |
|---|---|---|---|---|---|
| isolated from following number, opposite direction dir-isolation-shim-001a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number, auto dir-isolation-shim-001b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number, same direction dir-isolation-shim-001c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number with intervening neutrals, opposite direction dir-isolation-shim-002a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number with intervening neutrals, auto dir-isolation-shim-002b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from following number with intervening neutrals, same direction dir-isolation-shim-002c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number. | pass | pass | pass | pass |
| isolated from immediately following number, opposite direction dir-isolation-shim-003a.html |
Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following number, auto dir-isolation-shim-003b.html |
Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following number, same direction dir-isolation-shim-003c.html |
Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space. | pass | pass | pass | pass |
| numbers isolated from preceding text, opposite direction dir-isolation-shim-004a.html |
Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| numbers isolated from preceding text, auto dir-isolation-shim-004b.html |
Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| numbers isolated from preceding text, same direction dir-isolation-shim-004c.html |
Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from following text, opposite direction dir-isolation-shim-005a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text. | pass | pass | pass | pass |
| isolated from following text, auto dir-isolation-shim-005b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text. | pass | pass | pass | pass |
| isolated from following text, same direction dir-isolation-shim-005c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text. | pass | pass | pass | pass |
| isolated from following text with intervening neutrals, opposite direction dir-isolation-shim-006a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals. | pass | pass | pass | pass |
| isolated from following text with intervening neutrals, auto dir-isolation-shim-006b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals. | pass | pass | pass | pass |
| isolated from following text with intervening neutrals, same direction dir-isolation-shim-006c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals. | pass | pass | pass | pass |
| isolated from immediately following text, opposite direction dir-isolation-shim-007a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following text, auto dir-isolation-shim-007b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space. | pass | pass | pass | pass |
| isolated from immediately following text, same direction dir-isolation-shim-007c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space. | pass | pass | pass | pass |
| isolated from preceding text, opposite direction dir-isolation-shim-008a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from preceding text, auto dir-isolation-shim-008b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from preceding text, same direction dir-isolation-shim-008c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text. | pass | pass | pass | pass |
| isolated from surrounding text, opposite direction dir-isolation-shim-009a.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text. | pass | pass | pass | pass |
| isolated from surrounding text, auto dir-isolation-shim-009b.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text. | pass | pass | pass | pass |
| isolated from surrounding text, same direction dir-isolation-shim-009c.html |
Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text. | pass | pass | pass | pass |
Spec links for this table: link