1 files changed, 51 insertions, 0 deletions
diff --git a/layout/reftests/writing-mode/1156021-text-indent-percent.html b/layout/reftests/writing-mode/1156021-text-indent-percent.html
new file mode 100644
index 000000000..b37a202e2
--- /dev/null
+++ b/layout/reftests/writing-mode/1156021-text-indent-percent.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+body {
+  font-size: 10px;
+}
+div {
+  width: 100px;
+  height: 200px;
+  margin: 5px;
+  border: 1px solid silver;
+  display: inline-block;
+  vertical-align: top;
+}
+.vlr {
+  writing-mode: vertical-lr;
+}
+.vrl {
+  writing-mode: vertical-rl;
+}
+p {
+  inline-size: 100%;
+  text-indent: 20%;
+  margin: 0;
+}
+span {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: green;
+}
+</style>
+</head>
+<body>
+<div> <p><span></span></p> </div>
+<div dir="rtl"> <p><span></span></p> </div>
+<div class="vlr"> <p><span></span></p> </div>
+<div class="vlr" dir="rtl"> <p><span></span></p> </div>
+<div class="vrl"> <p><span></span></p> </div>
+<div class="vrl" dir="rtl"> <p><span></span></p> </div>
+<br>
+<div> <p><span></span></p> </div>
+<div> <p dir="rtl"><span></span></p> </div>
+<div> <p class="vlr"><span></span></p> </div>
+<div> <p class="vlr" dir="rtl"><span></span></p> </div>
+<div> <p class="vrl"><span></span></p> </div>
+<div> <p class="vrl" dir="rtl"><span></span></p> </div>
+</body>
+</html>