# HG changeset patch
# User Drew Perttula <drewp@bigasterisk.com>
# Date 2017-06-07 07:41:06
# Node ID ab025bf6c3df7106829ee1cb24c52ef9c57f1a32
# Parent  ff193840cd84feef47ad93d612bcb291f2683b10

let svg receive mouse events in prep for selection support
Ignore-this: a4890b7effd0aa31868eb161f71a49fb

diff --git a/light9/web/timeline/timeline-elements.html b/light9/web/timeline/timeline-elements.html
--- a/light9/web/timeline/timeline-elements.html
+++ b/light9/web/timeline/timeline-elements.html
@@ -136,12 +136,10 @@
   <template>
     <style>
      :host {
-         pointer-events: none;
      }
      svg {
          width: 100%;
          height: 100%;
-         pointer-events: none;
      }
     </style>
     <svg xmlns="http://www.w3.org/2000/svg"
diff --git a/light9/web/timeline/timeline.coffee b/light9/web/timeline/timeline.coffee
--- a/light9/web/timeline/timeline.coffee
+++ b/light9/web/timeline/timeline.coffee
@@ -96,7 +96,7 @@ Polymer
 
     @trackMouse()
     @bindKeys()
-    @bindWheelZoom()
+    @bindWheelZoom(@dia.querySelector('svg'))
     @forwardMouseEventsToAdjustersCanvas()
 
     @makeZoomAdjs()
@@ -155,8 +155,8 @@ Polymer
   latestMouseTime: ->
     @zoomInX.invert(@viewState.mouse.pos().e(1))
 
-  bindWheelZoom: ->
-    @$.zoomed.addEventListener 'mousewheel', (ev) =>
+  bindWheelZoom: (elem) ->
+    elem.addEventListener 'mousewheel', (ev) =>
       zs = @viewState.zoomSpec
 
       center = @latestMouseTime()
@@ -896,6 +896,9 @@ Polymer
   ready: ->
     @elemById = {}
 
+  attached: ->
+    @querySelector('svg').add
+
   setTimeAxis: (width, yTop, scale) ->
     pxPerTick = 50
     axis = d3.axisTop(scale).ticks(width / pxPerTick)