fix(VSelect): resolve bug in safari/ie11 with event order disparity

the ordering of events in safari/ie11 caused our manual blur of the input to break tabbing through
inputs. also resolved duplicate blur events.

fixes #6608, fixes #5913

packages/vuetify/src/components/VSelect/VSelect.ts

@@ -287,12 +287,10 @@ export default baseMixins.extend<options>().extend({
 
   methods: {
     /** @public */
-    blur (e: Event) {
+    blur (e?: Event) {
+      VTextField.options.methods.blur.call(this, e)
       this.isMenuActive = false
-      this.isFocused = false
-      this.$refs.input && this.$refs.input.blur()
       this.selectedIndex = -1
-      this.onBlur(e)
     },
     /** @public */
     activateMenu () {
@@ -538,9 +536,6 @@ export default baseMixins.extend<options>().extend({
     getValue (item: object) {
       return getPropertyFromItem(item, this.itemValue, this.getText(item))
     },
-    onBlur (e: Event) {
-      this.$emit('blur', e)
-    },
     onChipInput (item: object) {
       if (this.multiple) this.selectItem(item)
       else this.setValue(null)

packages/vuetify/src/components/VTextField/VTextField.ts

@@ -212,8 +212,13 @@ export default baseMixins.extend<options>().extend({
       this.onFocus()
     },
     /** @public */
-    blur () {
-      this.$refs.input ? this.$refs.input.blur() : this.onBlur()
+    blur (e?: Event) {
+      // https://github.com/vuetifyjs/vuetify/issues/5913
+      // Safari tab order gets broken if called synchronous
+      window.requestAnimationFrame(() => {
+        this.$refs.input && this.$refs.input.blur()
+      })
+      this.onBlur(e)
     },
     clearableCallback () {
       this.internalValue = null
@@ -397,7 +402,7 @@ export default baseMixins.extend<options>().extend({
     },
     onBlur (e?: Event) {
       this.isFocused = false
-      this.$emit('blur', e)
+      e && this.$emit('blur', e)
     },
     onClick () {
       if (this.isFocused || this.disabled) return

packages/vuetify/src/components/VTextField/__tests__/VTextField.spec.ts

@@ -605,7 +605,7 @@ describe('VTextField.ts', () => { // eslint-disable-line max-statements
     expect(change).toHaveBeenCalledTimes(2)
   })
 
-  it('should have focus and blur methods', () => {
+  it('should have focus and blur methods', async () => {
     const wrapper = mountFunction()
     const focus = jest.fn()
     const blur = jest.fn()
@@ -616,6 +616,12 @@ describe('VTextField.ts', () => { // eslint-disable-line max-statements
     expect(focus).toHaveBeenCalledTimes(1)
 
     wrapper.vm.blur()
+
+    // https://github.com/vuetifyjs/vuetify/issues/5913
+    // Blur waits a requestAnimationFrame
+    // to resolve a bug in MAC / Safari
+    await new Promise(resolve => window.requestAnimationFrame(resolve))
+
     expect(blur).toHaveBeenCalledTimes(1)
   })