   coords.left += el.offsetWidth / 2
   coords
 
+
+
 document.addEventListener "mouseover", show_popover
 document.addEventListener "mouseout", hide_popover
 
 $('body').on 'focusin', '[data-popover]', show_popover
 $('body').on 'focusout', '[data-popover]', hide_popover
 
+
+$('body').on 'click', '[data-popover]', toggle_popover
 
 window.Popover = ReactiveComponent
   displayName: 'Popover'




window.hide_popover = (e) ->
  if e.target.getAttribute('data-popover')
    if e.target.getAttribute('data-title')

      backgroundColor: 'white'
      position: 'absolute'      
      boxShadow: '0 1px 9px rgba(0,0,0,.5)'
      # maxWidth: 350


    arrow_size = 
