2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-29 05:14:04 +03:00
Files
vue-select/docs/guide/opening.md
Jeff Sagal 223f3a6d85 Squashed commit of the following:
commit 8c3a1b107b
Author: Jeff Sagal <sagalbot@gmail.com>
Date:   Fri Jul 15 09:57:37 2022 -0700

    bump to vitepress 1.0.0-alpha.4

commit 96ff08406c
Author: Jeff Sagal <sagalbot@gmail.com>
Date:   Wed Feb 23 10:25:36 2022 -0800

    vitepress wip

    mostly working, feeling like vuepress should still be considered

commit f3e22e0439
Author: Jeff Sagal <sagalbot@gmail.com>
Date:   Sat Feb 19 17:18:30 2022 -0800

    remove yarn, rename readme

commit 8cd3bbeb51
Author: Jeff Sagal <sagalbot@gmail.com>
Date:   Sat Feb 19 17:17:22 2022 -0800

    install vitepress
2022-07-18 09:40:42 -07:00

950 B

Default Dropdown Behaviour

By default, the dropdown will open anytime the underlying search input has focus. The dropdown will open when clicked, or when it has received focus when tabbing through inputs.

Customizing Dropdown Behaviour

The dropdownShouldOpen prop allows for full customization of the open/close behaviour. The prop accepts a function that should return a boolean value. The returned boolean value will be used to determine if the dropdown should be open/true or false/closed. The function receives the instance of the component as the only argument.

Example: Open the dropdown when search text is present


In this example, we will wait to show the dropdown until the user has started typing. However, if a country has already been selected, we will display the dropdown right away.

<<< @/.vitepress/components/OpenWhenSearchTextPresent.vue