css fix

editors/editoria/src/Editoria.js

@@ -17,6 +17,11 @@ const GlobalStyle = createGlobalStyle`
   body {
     margin: 0;
     padding: 0;
+    overflow-y: hidden;
+  #root {
+    height:100vh;
+    width:100vw;
+  }
   }
 `;
 const StyledWax = styled(Wax)`
@@ -36,10 +41,11 @@ class Editoria extends Component {
           placeholder="Type Something..."
           theme="editoria"
           layout="editoria"
+          debug
           renderLayout={({ editor, ...props }) => (
             <React.Fragment>
               <MainMenuBar {...props} />
-              <div className="wax-surface-scroll">{editor}</div>
+              <div className="wax-surface-container">{editor}</div>
             </React.Fragment>
           )}
         />

wax-prosemirror-core/src/Editor.js

@@ -99,8 +99,8 @@ class Editor extends Component {
   render() {
     const { theme } = this.props;
     const WaxTheme = theme
-      ? `wax-surface-container wax-t-${theme}`
-      : "wax-surface-container";
+      ? `wax-surface-scroll wax-t-${theme}`
+      : "wax-surface-scroll";
 
     const editor = <div ref={this.createEditorView} className={WaxTheme} />;
     return this.props.renderLayout({

wax-prosemirror-layouts/layouts/editoria-layout.css

@@ -46,6 +46,6 @@
   right: 0;
   top: 0;
   box-sizing: border-box;
-  padding-top: 45px;
+  padding: 0;
   margin-left: 20px;
 }