diff --git a/test/manual/index.html b/test/manual/index.html
index 150f25a5..dbb36394 100644
--- a/test/manual/index.html
+++ b/test/manual/index.html
@@ -16,6 +16,8 @@
 		<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a> &#160;|&#160;
 		<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a> &#160;|&#160;
 		<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a>
+		&#160;|&#160;
+		<a class="loading-opts" href="./transform.html">[transform]</a>
 		<br /><br />
 
 		<div id="bar" style="margin-bottom: 6px"></div>
diff --git a/test/manual/transform.html b/test/manual/transform.html
new file mode 100644
index 00000000..0fde6a05
--- /dev/null
+++ b/test/manual/transform.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+		<style type="text/css">
+			#editor {
+				position: relative;
+				left: 500px;
+				top: 20px;
+				width: 600px;
+				height: 400px;
+				border: 1px solid #ccc;
+			}
+		</style>
+	</head>
+	<body style="transform: scale(0.75)">
+		<div id="editor"></div>
+
+		<script src="../../metadata.js"></script>
+		<script src="dev-setup.js"></script>
+		<script>
+			loadEditor(function () {
+				monaco.editor.create(document.getElementById('editor'), {
+					value: document.documentElement.innerHTML,
+					language: 'xml'
+				});
+			});
+		</script>
+	</body>
+</html>
