From ab0fd36a5e58c3a042887ff40900bbf3833930fc Mon Sep 17 00:00:00 2001
From: Forrest Oliphant <forrest@sembiki.com>
Date: Fri, 26 Feb 2016 17:44:11 -0500
Subject: [PATCH] plugins/fixed-hack #69

---
 src/ed.css                |  6 +++---
 src/ed.js                 |  3 ++-
 src/plugins/fixed-hack.js | 24 ++++++++++++++++++++++++
 3 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 src/plugins/fixed-hack.js

diff --git a/src/ed.css b/src/ed.css
index 78a613e..42c0544 100644
--- a/src/ed.css
+++ b/src/ed.css
@@ -36,8 +36,8 @@ img {
 
 .ProseMirror-content {
   border: none;
-  margin: 3rem auto 0;
-  padding: 0 1rem;
+  margin: 0 auto;
+  padding: 3rem 1rem;
   white-space: pre-wrap;
   max-width: 800px;
 
@@ -91,7 +91,7 @@ blockquote > * {
 }
 
 .ProseMirror-menubar {
-  position: fixed;
+  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
diff --git a/src/ed.js b/src/ed.js
index 7f416d6..58d0ee5 100644
--- a/src/ed.js
+++ b/src/ed.js
@@ -25,6 +25,7 @@ import {inlineMenu, blockMenu, barMenu} from './menu/ed-menu'
 import PluginWidget from './plugins/widget.js'
 import ShareUrl from './plugins/share-url'
 import TapAddText from './plugins/tap-add-text'
+import FixedHack from './plugins/fixed-hack'
 
 function noop () { /* noop */ }
 
@@ -102,7 +103,7 @@ export default class Ed {
     this.pluginContainer.className = 'EdPlugins'
     this.container.appendChild(this.pluginContainer)
 
-    let plugins = [PluginWidget, ShareUrl, TapAddText]
+    let plugins = [PluginWidget, ShareUrl, TapAddText, FixedHack]
     this.plugins = plugins.map((Plugin) => new Plugin(this))
   }
   teardown () {
diff --git a/src/plugins/fixed-hack.js b/src/plugins/fixed-hack.js
new file mode 100644
index 0000000..0008aee
--- /dev/null
+++ b/src/plugins/fixed-hack.js
@@ -0,0 +1,24 @@
+import _ from '../util/lodash'
+
+function onScroll (event) {
+  const menu = document.querySelector('.ProseMirror-menubar')
+  if (menu) {
+    menu.style.top = window.scrollY + 'px'
+    const menuHeight = menu.style.minHeight
+    if (menuHeight) {
+      const content = document.querySelector('.ProseMirror-content')
+      content.style.paddingTop = menuHeight
+    }
+  }
+}
+
+export default class ShareUrl {
+  constructor (ed) {
+    this.onScroll = _.debounce(onScroll, 50).bind(this)
+    this.ed = ed
+    window.addEventListener('scroll', this.onScroll)
+  }
+  teardown () {
+    window.removeEventListener('scroll', this.onScroll)
+  }
+}