sagalbot/vue-select

Cannot select item when v-select nested inside of label with certain props

開放

#1,282 建立於 2020年9月10日

 (0 則留言) (0 個反應) (0 位負責人)JavaScript (1,307 個分叉)batch import
bughelp wanted

倉庫指標

星標
 (4,548 顆星)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

Describe the bug With certain props a v-select nested within a label element will not work. When the user clicks an option it appears briefly before being removed.

To Reproduce Add <v-select :options="options" :multiple="true" :close-on-select="false"> within a <label> element.

Codepen demonstration https://codepen.io/abaldwin88/pen/ExKEpaG

Expected behavior The user is able to select elements without being removed shortly after.

Screenshots Screen Recording: record2 Note: I'm using a mix of the keyboard and mouse in the recording.

Desktop:

  • Device: Macbook
  • OS: 10.13.6 High Sierra (Confirmed on multiple laptops)
  • Browser Chrome
  • Version 85.0.4183.83

Additional context Note that you can still use keyboard controls to select items.

貢獻者指南