fix(click-outside): don't trigger if mousedown inside target

[KaelWD]

fixes #5886
fixes #9283

On dev in case it breaks safari again.

Markup:

<template>
  <v-app>
    <v-navigation-drawer
      v-model="drawer"
      app
      temporary
    >
      <v-text-field
        class="px-3"
        value="https://google.com"
        clearable
      />
    </v-navigation-drawer>

    <v-container>
      <v-btn
        icon
        @click="drawer = !drawer"
      >
        <v-app-bar-nav-icon />
      </v-btn>

      <div
        id="a"
        v-click-outside="onClickOutside"
      ></div>

      <v-menu
        v-model="linkMenu"
        bottom
        :close-on-content-click="false"
        offset-y
      >
        <template #activator="{ on }">
          <v-btn
            icon
            v-on="on"
          >
            <v-icon>mdi-link</v-icon>
          </v-btn>
        </template>

        <v-form
          class="white"
          @submit.prevent="linkMenu=false"
        >
          <v-text-field
            class="px-3"
            value="https://google.com"
            clearable
          />
        </v-form>
      </v-menu>
    </v-container>
  </v-app>
</template>

<script>
  export default {
    data: () => ({
      drawer: false,
      linkMenu: false,
    }),
    methods: {
      onClickOutside (e) {
        console.log(e)
      },
    },
  }
</script>

<style>
#a {
  width: 100px;
  height: 100px;
  background: grey;
  margin: 50px;
}
</style>

[jacekkarczmarczyk]

Does it solve #4432 as well?

[KaelWD]

No, that's not related to click-outside.

[johnleider]

Will this require anything special to update to next branch? Does the iOS change have any potential side effects that you are aware of?

[KaelWD]

• No
• Might break click-outside on iOS, but removes the need for v-app. It worked on browserstack but you know how Apple is