layout/reftests/bidi/bdi-element-ref.html@7e26c7da4463 (annotated)
layout/reftests/bidi/bdi-element-ref.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
| michael@0 | 1 | <!DOCTYPE html> |
| michael@0 | 2 | <html> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| michael@0 | 5 | </head> |
| michael@0 | 6 | <body> |
| michael@0 | 7 | <p> |
| michael@0 | 8 | From WebKit <a href='https://bugs.webkit.org/show_bug.cgi?id=50913'>bug 50913</a> |
| michael@0 | 9 | </p> |
| michael@0 | 10 | <p> |
| michael@0 | 11 | In this example, usernames are shown along with the number of posts that the user has submitted. If the bdi element were not used, the username of the Arabic user would end up confusing the text (the bidirectional algorithm would put the colon and the number "3" next to the word "User" rather than next to the word "posts"). |
| michael@0 | 12 | </p> |
| michael@0 | 13 | <ul> |
| michael@0 | 14 | <li><bdo dir="ltr">User jcranmer: 12 posts.</bdo> |
| michael@0 | 15 | <li><bdo dir="ltr">User hober: 5 posts.</bdo> |
| michael@0 | 16 | <li><bdo dir="ltr">User نايإ: 3 posts.</bdo> |
| michael@0 | 17 | </ul> |
| michael@0 | 18 | </body> |
| michael@0 | 19 | </html> |
