sagalbot/vue-select

Duplication of dropdown `appendToBody` and Vue-Router

Open

Aperta il 8 ott 2020

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (4548 star) (1307 fork)batch import
bughelp wantedvue-router

Descrizione

Describe the bug The dropdown is not deleted after each switching page with Vue-Router. Therefore multiple dropdown are maintain on the page.

To Reproduce

  1. I use append-to-body and :calculate-position="withPopper" as in the guide : Dropdown position
  2. When I use the select, a listbox is created
  3. I change the page, return back and reuse the same select
  4. A new listbox is created

Expected behavior Create and use one dropdown

Screenshots image

Desktop (please complete the following information):

  • OS: Windows
  • Browser Chrome
  • Version 86.0.4240.75

Guida contributor

Tech stack
javascriptvue
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
Vue.jsvue selectVue Router
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
45
Direzione di ricerca
Investigate the component lifecycle hooks (e.g., beforeDestroy/unmounted) to ensure any dropdown elements appended to body are removed on component unmount. Check if Vue Router navigation triggers proper cleanup. No maintainer comments or PRs exist, so the fix likely involves adding a cleanup mechanism in the component.