Phoenix LiveView hook that makes links with a "phx-click" still trigger the default navigation event, and also prevents clicks on buttons inside these links from doing the same.

app.js

// Fixes two issues:
// - Clicking a link with a `phx-click` attribute did not cause the link default (navigation) to trigger.
// - Clicking a button inside the link *would* cause the link default to trigger.
Hooks.AllowLinkDefaultAndPreventNestedDefault = {
  mounted() {
    this.el.addEventListener("click", (e) => {
      // `closest` in case we click an element inside a button, e.g. an icon.
      if (e.target.closest("button")) {
        e.preventDefault()
      } else {
        location.href = this.el.href
      }
    })
  }
}