Intended audience: users, XHTML/HTML coders (using editors or scripting), script developers (PHP, JSP, etc.), CSS coders, Web project managers, and anyone who wants to know how bidirectional text features work in current browsers.
These tests check how browser chrome handles bidirectional text in response to code in HTML.
Note that the snapshot summaries of these test results are for released versions of the browsers tested. Versions that are still in development may provide better support for these features. The tests themselves do not test any vendor prefixes.
All tests reported so far have been conducted in an English environment (operating system and browser version).
To see the test, click on the link in the left-most column. To see detailed results for a single test, click on the link in the right-most column. To submit test data for a single test, click on the link in the right-most column and then follow the link on that page.
The tables show the latest results from the W3C Test Framework. Below the tables are summaries of the results at a given date. The table data may be more up-to-date than the summary. The tables may also contain some incorrectly scored tests, and tests that relate to non-released versions of browsers. These are not included in the summary.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| dir on html, vertical scrollbar alignment | [Exploratory test] When the html tag sets dir to rtl, the browser window's vertical scroll bar will be on the usual side of the window. | bidi-chrome-001 | ||||
| dir on body, vertical scrollbar alignment | [Exploratory test] When the body tag sets dir to rtl, the browser window's vertical scroll bar will be on the usual side of the window. | bidi-chrome-009 |
Links: Section 10.6.4 • Latest results for section 10.6.4 • Submit data for section 10.6.4 • Related tests
IE and Opera switch the scrollbar to the other side of the browser window if dir="rtl" is set on either then html or body tags. The other browsers show on the usual side.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| rtl on html, javascript alert box | [Exploratory test] When the html tag sets dir to rtl, text runs in a JavaScript alert box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-002 | ||||
| rtl on body, javascript alert box | [Exploratory test] When the body tag sets dir to rtl, text runs in a JavaScript alert box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-010 | ||||
| local rtl, javascript alert box | [Exploratory test] When dir is set to rtl on a local element, text runs in a JavaScript alert box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-015 | ||||
| javascript alert box with Unicode controls | [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript alert, text runs on the dialog box appear in the correct order. | bidi-chrome-020 | ||||
| rtl on html, javascript alert box layout | [Exploratory test] When the html tag sets dir to rtl, the layout of items in the JavaScript alert box has the same direction as usual. | bidi-chrome-002a | ||||
| rtl on body, javascript alert box layout | [Exploratory test] When the body tag sets dir to rtl, the layout of items in the JavaScript alert box has the same direction as usual. | bidi-chrome-010a | ||||
| local rtl, javascript alert box layout | [Exploratory test] When dir is set to rtl on a local element, the layout of items in the JavaScript alert box has the same direction as usual. | bidi-chrome-015a |
Links: Section 10.6.4 • Latest results for section 10.6.4 • Submit data for section 10.6.4 • Related tests
JavaScript was used to pop up a message in the chrome of a dialog box. The tests also check whether the arrangement of items such as icons and buttons has changed in the dialog box.
If Unicode control characters are used, the JavaScript message is always correctly ordered on the dialogue box chrome.
Otherwise, only Safari produces the correct ordering, although it looks as if IE9 may do so, but only when the dir="rtl" is set on the html tag, except for a bug that hides the LTR part of the message.
Internet Explorer changes the direction of the items on the dialogue box, but only when dir=rtl is set on the html tag (not on body or the nearest parent). None of the other browsers change the dialogue box appearance.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| rtl on html, javascript confirm box | [Exploratory test] When the html tag sets dir to rtl, text runs in a JavaScript confirm box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-003 | ||||
| rtl on body, javascript confirm box | [Exploratory test] When the body tag sets dir to rtl, text runs in a JavaScript confirm box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-011 | ||||
| local rtl, javascript confirm box | [Exploratory test] When dir is set to rtl on a local element, text runs in a JavaScript confirm box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-016 | ||||
| javascript confirm box with Unicode controls | [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript confirm box, text runs on the dialog box appear in the correct order. | bidi-chrome-021 | ||||
| rtl on html, javascript confirm box layout | [Exploratory test] When the html tag sets dir to rtl, the layout of the JavaScript confirm box has the same direction as usual. | bidi-chrome-003a | ||||
| rtl on body, javascript confirm box layout | [Exploratory test] When the body tag sets dir to rtl, the layout of the JavaScript confirm box has the same direction as usual. | bidi-chrome-011a | ||||
| local rtl, javascript confirm box layout | [Exploratory test] When dir is set to rtl on a local element, the layout of the JavaScript confirm box has the same direction as usual. | bidi-chrome-016a |
Links: Section 10.6.4 • Latest results for section 10.6.4 • Submit data for section 10.6.4 • Related tests
JavaScript was used to pop up a message in the chrome of a confirm box. The tests also check whether the arrangement of items such as icons and buttons has changed in the dialog box.
If Unicode control characters are used, the JavaScript message is always correctly ordered on the dialogue box chrome.
Otherwise, only Safari consistently produces the correct ordering. IE also does so, but only when the dir="rtl" is set on the html tag. All other browsers fail to produce the correct ordering of message text on the dialogue chrome.
As with the alert box, Internet Explorer changes the direction of the items on the dialogue box only when dir=rtl is set on the html tag (not on body or the nearest parent). None of the other browsers change the dialogue box appearance.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| rtl on html, javascript prompt box | [Exploratory test] When the html tag sets dir to rtl, text runs in the chrome of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-004 | ||||
| rtl on body, javascript prompt box | [Exploratory test] When the body tag sets dir to rtl, text runs in the chrome of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-012 | ||||
| local rtl, javascript prompt box | [Exploratory test] When dir is set to rtl on a local element, text runs in the chrome of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-017 | ||||
| javascript prompt box with Unicode controls | [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript prompt box, text runs on the dialog box chrome appear in the correct order. | bidi-chrome-022 | ||||
| rtl on html, javascript prompt box input | [Exploratory test] When the html tag sets dir to rtl, text runs in the default input of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-004a | ||||
| rtl on body, javascript prompt box input | [Exploratory test] When the body tag sets dir to rtl, text runs in the default input of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-012a | ||||
| local rtl, javascript prompt box | [Exploratory test] When dir is set to rtl on a local element, text runs in the default input of a JavaScript prompt box are in the correct order and characters within a directional run are in the right order. | bidi-chrome-017a | ||||
| javascript prompt box with Unicode controls input | [Exploratory test] When Unicode directional control characters surround text to be displayed on a JavaScript prompt box, text runs for the initial prompt appear in the correct order. | bidi-chrome-022a | ||||
| rtl on html, javascript prompt box layout | [Exploratory test] When the html tag sets dir to rtl, the layout of a JavaScript prompt box has the same direction as usual. | bidi-chrome-004b | ||||
| rtl on body, javascript prompt box layout | [Exploratory test] When the body tag sets dir to rtl, the layout of a JavaScript prompt box has the same direction as usual. | bidi-chrome-012b | ||||
| local rtl, javascript prompt box | [Exploratory test] When dir is set to rtl on a local element, the layout of a JavaScript prompt box has the same direction as usual. | bidi-chrome-017b |
Links: Section 10.6.4 • Latest results for section 10.6.4 • Submit data for section 10.6.4 • Related tests
JavaScript was used to create a message in the chrome of a prompt box and to provide default input text in the input field of the dialog box. The tests also check whether the arrangement of items such as icons and buttons has changed in the dialog box.
As usual, if Unicode control characters are used, the JavaScript message is always correctly ordered on the dialogue box chrome and in the default prompt in the input field.
Only Safari consistently produces the correct ordering of message text on the dialog box chrome, but both Safari and Chrome produce the correct ordering in the input field.
None of the browsers changes the direction of the items on the dialogue box.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| rtl on html, tooltip text starts with RTL | [Exploratory test] When the html tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order. | bidi-chrome-005 | ||||
| rtl on body, tooltip text starts with RTL | [Exploratory test] When the body tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order. | bidi-chrome-013 | ||||
| local rtl, tooltip text starts with RTL | [Exploratory test] When dir is set to rtl on a local element, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order. | bidi-chrome-018 | ||||
| rtl on html, tooltip text starts with LTR | [Exploratory test] When the html tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order. | bidi-chrome-006 | ||||
| rtl on body, tooltip text starts with LTR | [Exploratory test] When the body tag sets dir to rtl, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order. | bidi-chrome-014 | ||||
| local rtl, tooltip text starts with LTR | [Exploratory test] When dir is set to rtl on a local element, text runs in tooltip popups are in the correct order and characters within a directional run in tooltip popups are in the right order. | bidi-chrome-019 | ||||
| tooltip text with Unicode controls | [Exploratory test] When Unicode directional control characters surround attribute text to be displayed in a tooltip, text runs in the tooltip appear in the correct order. | bidi-chrome-023 |
Links: Section 10.6.4 • Latest results for section 10.6.4 • Submit data for section 10.6.4 • Related tests
Bidirectional text was added to a title attribute.
If the text starts with a RTL character, all browsers except Opera produce the correct ordering of text in a tooltip.
If the text starts with a LTR character, both Opera and Safari fail, but the others produce the expected order in the tooltip.
All tooltips look fine if Unicode control characters are used in the attribute.
This appears to indicate that Opera doesn't manage direction in tooltips at all, and that Safari relies on detection of the first character in the tooltip to apply ordering rules.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| rtl on html, page title text begins with RTL | [Exploratory test] When the html tag sets dir to rtl, directional runs in the window title are in the correct order and characters within a directional run in the window title are in the right order. | bidi-chrome-007 | ||||
| rtl on html, page title text begins with LTR | [Exploratory test] When the html tag sets dir to rtl, directional runs in the window title are in the correct order and characters within a directional run in the window title are in the right order. | bidi-chrome-008 | ||||
| page title text with Unicode controls | [Exploratory test] When Unicode directional control characters surround the text in the text element, text runs in the window title location appear in the correct order. | bidi-chrome-024 |
Links: Section 10.6.4 • Latest results for section 10.6.4 • Submit data for section 10.6.4 • Related tests
Bidirectional text was added to a title element.
If the text in the title element starts with a RTL character, all browsers except Internet Explorer produce the correct ordering of text in the window header or, if there is no header, in the tab label.
If the text starts with a LTR character, all browsers fail to order the text as expected.
Use of Unicode control characters produces the expected results for all browsers.