 
   hide: ->
     @view.classList.add 'dontshow'
+    setTimeout (=> @view.style.display = 'none'), 100
 
-  show: -> @view.classList.remove 'dontshow'
+  show: ->
+    @view.classList.remove 'dontshow'
+    setTimeout (=> @view.style.display = 'block'), 100
 
   destroy: ->
     document.body.removeChild @view

      @positionOverlay()
      clearTimeout timer
      if @cond() then @show()
    @parent.onmouseout = => timer = setTimeout (=> @hide()), 150
    @view.onmouseover  = => clearTimeout timer
    @view.onmouseout   = => timer = setTimeout (=> @hide()), 150

  positionOverlay: ->
    bounding = @parent.getBoundingClientRect()

  tooltipView: (content) ->
    tt = document.createElement 'div'
    tt.classList.add 'ink-tooltip', 'dontshow'
    tt.style.display = 'none'
    tt.appendChild content
    tt

