summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bidi/bidi-006.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/bidi/bidi-006.html
parentInitial commit. (diff)
downloadfirefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz
firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/bidi/bidi-006.html')
-rw-r--r--layout/reftests/bidi/bidi-006.html48
1 files changed, 48 insertions, 0 deletions
diff --git a/layout/reftests/bidi/bidi-006.html b/layout/reftests/bidi/bidi-006.html
new file mode 100644
index 0000000000..cf9c14916f
--- /dev/null
+++ b/layout/reftests/bidi/bidi-006.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest
+ because if there is a bug it will typically be exhibited in the reference
+ rendering as well as in the test. The approach adopted here is to
+ position boxes around the edges of the character without a diacritic and
+ make sure that the character with the diacritic displays in the same
+ space, so that if the diacritic is shifted to the right or left it will
+ be cut off in the test rendering and be visible (in the wrong place) in
+ the reference rendering.
+
+ Relevant bugs:
+ 378351 (Windows)
+ 386573 (Mac)
+ 387653 (Linux)
+ 395676 (Windows)
+ -->
+<html>
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ </head>
+ <style type="text/css">
+body { background: white; color: black; }
+p {
+ font-family: sans-serif;
+ font-size: 36px;
+ margin: 0;
+}
+span {
+ display: inline-block;
+ width: 3em;
+ height: 3em;
+ margin-top: -2em;
+ vertical-align: bottom;
+ background: white;
+}
+/* borders should be covered by overhang */
+p#test {
+ border-left: 3em solid red;
+ border-right: 3em solid red;
+ width: max-content;
+ width: intrinsic;
+}
+ </style>
+ <body>
+ <p id="test">&#x5e0;&#x5b8;</p>
+ <p id="overhang"><span></span>&#x5e0;<span></span></p>
+ </body>
+</html>