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)