Safari不会按时启动Select元素上的Click事件

chrome和firefox在打开选项菜单的同时在select元素上触发click事件,但是safari在选项菜单关闭之前不会触发事件。 我需要点击事件立即启动点击,有什么解决方法吗?

我在Safari 9和10上进行了测试。 这是小提琴: https://jsfiddle.net/hafez/nm3170v5/

<div id="app">
   <select @click="runTest($event)" v-model="selectedValue">
       <option value>select to check your browser</option>
       <option value="1">first</option>
       <option value="2">second</option>
   </select>
</div>

new Vue({
  el: "#app",
  data: {
        selectedValue: ''
  },
  methods: {
    runTest(event) {
      if(event.target.value) {
        alert("It's too late to show an alert! I said on-clik stupid browser!");
      } else {
        alert("Alert on time! Good job dear browser!");
      }
      this.selectedValue = '';
    }
  }
})

注释 :根据我的实际代码,我必须 stopPropagation 和 preventDefault 通过使用 click.stop.prevent 所以这个解应该满足这个条件。