import Component from '../../ui/Component'

export default class DropTeaser extends Component {
  didMount() {
    this.context.scrollPane.on('drop-teaser:position', this._update, this)
  }

  render($$) {
    let el = $$('div').addClass('sc-drop-teaser sm-hidden')
    return el
  }

  _update(hints) {
    if (hints.visible) {
      this.el.removeClass('sm-hidden')
      this.el.css('top', hints.rect.top)
      this.el.css('left', hints.rect.left)
      this.el.css('right', hints.rect.right)
    } else {
      this.el.addClass('sm-hidden')
    }
  }
}
@@ -255,24 +255,97 @@
 sm-hidden')%0A
+    el.on('dragenter', this._onDrag)%0A    el.on('dragover', this._onDrag)%0A
     return e
@@ -621,10 +621,102 @@
    %7D%0A  %7D
+%0A%0A  // just so that the teaser does not prevent dropping%0A  _onDrag(e) %7B e.preventDefault() %7D
 %0A%7D

Make DropTeaser not reject drops