create overlay, move cursor to it, break typing

[peach-html5-editor.git] / editor_tests_compiled.html
diff --git a/editor_tests_compiled.html b/editor_tests_compiled.html

index b860a5a..d529b4f 100644 (file)
--- a/editor_tests_compiled.html
+++ b/editor_tests_compiled.html
@@ -9,11 +9,33 @@
                         box-sizing: border-box;
                         width: 100%;
                 }
-               iframe {
+               .peach_html5_editor {
+                       width: 300px;
+                       height: 300px;
+                       border: 1px solid black;
+                       padding: 5px;
+                       position: relative;
+               }
+               .peach_html5_editor_overlay {
+                       position: absolute;
+                       top: -1px;
+                       left: -1px;
+                       width: 312px;
+                       height: 312px;
+                       overflow: hidden;
+               }
+               .peach_html5_editor_lightbox {
+                       position: absolute;
+                       background: rgba(100,100,100,0.2);
+               }
+               .peach_html5_editor_iframe {
+                       box-sizing: border-box;
+                       margin: 0;
+                       border: none;
+                       padding: 0;
                         width: 300px;
                         height: 300px;
                 }
-               /* iframe { width: 400px; } */
         </style>
  </head>
  <body>