sagalbot / vue-select

Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.
https://vue-select.org
MIT License
4.62k stars 1.33k forks source link

Basic selection broken in Firefox #1676

Closed robgwin closed 1 year ago

robgwin commented 1 year ago

Describe the bug Cannot select any options in Firefox 103.0.2 (MacOS 12.5.1)

Steps To Reproduce

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/vue-select@latest"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-select@latest/dist/vue-select.css">

<div id="app">
    <v-select :options="options" v-model="selected"></v-select>
    <button @click="checkValue">checkValue</button>
</div>

<script>
    Vue.component('v-select', VueSelect.VueSelect);

    var app = new Vue({ 
        el: '#app',
        data: {
            options: ['foo', 'bar', 'baz'],
            selected: null,
        },
        methods: {
            checkValue(){
                console.log('selected is: ' + this.selected);
            }
        }
    });
</script>

Expected behavior I should be able to select something

Screenshots Firefox: https://user-images.githubusercontent.com/17075031/185761478-66ac0a60-8095-4d9b-a2d1-3a272a322e06.mov

Safari: https://user-images.githubusercontent.com/17075031/185761480-526a9e9c-84fc-46e0-a360-70afc15ce6bb.mov

robgwin commented 1 year ago

Hmm FWIW, it works fine in same Firefox version (103.0.2) on Linux desktop. So... not sure what that means.

Still broken after upgrading macOS 12.4 -> 12.5.1. Updating original post to reflect that.