 
   componentDidMount: ->
     if @props.project? && 'pan and zoom' in @props.project?.experimental_tools
-      # these events enable a user to navigate an image using arrows, +, and - keys, 
+      # these events enable a user to navigate an image using arrows, +, and - keys,
       # while the user is in pan and zoom mode.
       addEventListener "keydown", @frameKeyPan
-      addEventListener "mousewheel", @frameKeyPan
+      addEventListener "wheel", @frameKeyPan
 
   componentWillUnmount: ->
     if @props.project? && 'pan and zoom' in @props.project?.experimental_tools
       removeEventListener "keydown", @frameKeyPan
-      removeEventListener "mousewheel", @frameKeyPan
+      removeEventListener "wheel", @frameKeyPan
 
   render: () ->
     subject = @props.subject

          height: newNaturalHeight,
          x: newNaturalX,
          y: newNaturalY
  
  keyDownZoomButton: (change, e) ->
    # only zoom if a user presses enter on the zoom button.
    if e.which == 13

    @props.onLoad? e, @props.frame

  cannotZoomOut: ->
    return @state.frameDimensions.width == @state.viewBoxDimensions.width && @state.frameDimensions.height == @state.viewBoxDimensions.height

  continuousZoom: (change) ->
    @clearZoomingTimeout()
