title: How to filter out mouse click release events?
body: <p>I have a Vue/Vuetify Dialog which closes on a click outside of the dialog (as expected)</p>
  <p>Problem:
  Inside that dialog, i have a text field. If i now select the content, and (by accident) release the mouse outside of the dialog, it closes. I imagine hundreds of users are going to have this problem</p>
  <p>here's a little gif showing the problem:
  <a href="https://gifyu.com/image/64XB" rel="nofollow noreferrer">https://gifyu.com/image/64XB</a></p>
  <p>i wrote a handler for click:outside and logged the event, and it's:</p>
  <pre><code>altKey: false
  bubbles: true
  button: 0
  buttons: 0
  cancelBubble: false
  cancelable: true
  clientX: 398
  clientY: 358
  composed: true
  ctrlKey: false
  currentTarget: null
  defaultPrevented: true
  detail: 1
  eventPhase: 0
  fromElement: null
  isTrusted: true
  layerX: 292
  layerY: 4
  metaKey: false
  movementX: 0
  movementY: 0
  offsetX: 292
  offsetY: 4
  pageX: 398
  pageY: 358
  path: (19) [label.v-label.theme--light, div.v-input__slot, div.v-input__control, div.v-input.v-input--is-label-active.v-input--is-dirty.theme--light.v-input--selection-controls.v-i…, div.card-content.grid-x, div.v-card.v-card--flat.v-sheet.theme--light, div.no-padding-horizontal.col-sm-12.col-md-12.col-lg-12.col-xl-12.col, div.row, div.col, div.row.page-content, div.container, div.v-content__wrap, main.v-content, div.v-application--wrap, div#app.v-application.v-application--is-ltr.theme--light.page-xl.section-exchange, body, html.sr, document, Window]
  relatedTarget: null
  returnValue: false
  screenX: 398
  screenY: 430
  shiftKey: false
  sourceCapabilities: InputDeviceCapabilities {firesTouchEvents: false}
  srcElement: label.v-label.theme--light
  target: label.v-label.theme--light
  timeStamp: 181260.08999999613
  toElement: label.v-label.theme--light
  type: &quot;click&quot;
  view: Window {parent: Window, opener: null, top: Window, length: 0, frames: Window, …}
  which: 1
  x: 398
  y: 358
  __proto__: MouseEvent
  </code></pre>
  <p>in other words, it's a &quot;click&quot; event.
  of course i want it to close on real, actual clicks.
  but i <strong>don't</strong> want it to close on mouse <strong>release</strong></p>
  <p>is there a way to detect this particular event?</p>
  <p>Thanks for any help :)</p>