diff --git a/layout/reftests/transform/reftest.list b/layout/reftests/transform/reftest.list
index cc33f514aff3cc32f916f6e194d2a0d5d46aa260..367ba01d11c9cea8f6a7c5b669489e586b3f37f6 100644
--- a/layout/reftests/transform/reftest.list
+++ b/layout/reftests/transform/reftest.list
@@ -33,6 +33,7 @@ fuzzy-if(webrender,1,27) == compound-1a.html compound-1-ref.html
== translate-1d.html translate-1-ref.html
== translate-1e.html translate-1-ref.html
== translate-2a.html translate-2-ref.html
+== translate-3.html translate-3-ref.html
# rotate: Several rotations of the same object should be idempotent. These
# tests are currently disabled because of subpixel (< 0.00001 gfx units)
# rounding errors.
diff --git a/layout/reftests/transform/translate-3-ref.html b/layout/reftests/transform/translate-3-ref.html
new file mode 100644
index 0000000000000000000000000000000000000000..458932b60bd16866056aab9641cbe1a8eb32311e
--- /dev/null
+++ b/layout/reftests/transform/translate-3-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px; height: 100px;
+ background: green;
+}
+</style>
+<div></div>
diff --git a/layout/reftests/transform/translate-3.html b/layout/reftests/transform/translate-3.html
new file mode 100644
index 0000000000000000000000000000000000000000..ea326324a3301cc64d763fc40052f0d5f20b86df
--- /dev/null
+++ b/layout/reftests/transform/translate-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px; height: 100px;
+}
+#outer {
+ background: green;
+ overflow: hidden;
+}
+#inner {
+ background: red;
+ transform: translateX(calc(100px));
+}
+</style>
+<div id="outer">
+ <div id="inner">
+ </div>
+</div>