Fix Click events

[bttf]

Issues:

• Some elements were not selectable while in selection mode
• When clicking on elements, the clicks would 'go through' and navigate away from the front page, breaking functionality

Reasons:

• Un-selectable elements
  • For some elements, the mousedown event was not firing - which is very strange. Even for event handlers that were registered at the capture phase on mousedown, they would not get fired.
  • After some debugging, and using getEventListeners on the document object, there seemed to be a pointerdown event that was registered also at the capture phase
  • After doing some testing, it seems that if you cancel the event (i.e. call event.preventDefault) at the pointerdown event when captured, it will completely block mouseup/mousedown from firing
  • This is very unexpected since 1. preventDefault has nothing to do with bubbling, 2. both event handlers are not in the bubble phase but are in the capture phase, 3. other events like click are not blocked and fire expectedly
  • I haven't been able to find any documentation on the web that explains why this occurs
• Clicks 'going through'
  • Previously, we had a click event handler defined that would call preventDefault and stopPropagation
  • In theory, this should work to block all native behavior of links on the page. When a click occurs, it will eventually reach our click handler (at the top of the bubbling tree) and calling preventDefault would 'cancel' the event
  • However, with apps (like spanx's Angular app) that define event handlers, preventDefault would not stop custom event handlers from processing the click. Furthermore, stopPropogation at the top of the tree might be 'too late' since the custom event handler would likely be below the document object in the DOM tree (and fired earlier)

Fixes:

• Un-selectable elements
  • Switch to using pointerup/pointerdown
  • Move all event handlers to capture phase
• Clicks 'going through'
  • Ensure click event handler is in capture phase and both cancels event and stops propagation

[linear[bot]]

GB-259 Visual Editor - Some click events are not circumverted; Some elements impossible to select

I wasn't able to select most of the elements to edit.  Clicking on them just immediately navigated to the href of the link instead of selecting it in the editor.  [https://spanx.com/](https://spanx.com/) For example, I couldn't select the H1 in the below screenshot. [image.png](https://uploads.linear.app/6d77a64e-b8c4-40e5-8535-390042384f91/1ce0bc2b-ea6c-4146-a61c-4eeae6bfc2cd/12427ade-19bb-45d3-bfee-ad8d4044808f)