TW-Elements icon indicating copy to clipboard operation
TW-Elements copied to clipboard

Select - option dont want click or select

Open AndoruKun opened this issue 1 year ago • 2 comments

Describe the bug First time open select then i want to filter option then i choose option it still change value, after i reopen again the option not filter anymore but in input search there still have value, then i try to choose the option it can't be clicked, after i empty value of filter and i randomly choose option changeValue trigger but in select still have prev value not new one

To Reproduce Steps to reproduce the behavior:

  1. get data from api
  2. open select component
  3. the option showing
  4. filter value from input search
  5. select one of option
  6. reopen again select component
  7. bug nothing data filter
  8. cannot select the option

Show your code It will be easier for us to help you if you create a snippet using TE playground and include a link to it in your issue.

Desktop (please complete the following information):

  • OS: MacOS
  • Chrome

package.json :

  • "nuxt": "^2.15.8",
  • "tw-elements": "^1.0.0",
  • "vue": "^2.7.10"

this my html code

this my hit api code2

this my script code3

AndoruKun avatar Oct 02 '23 09:10 AndoruKun

Hi! Any chance to recreate the issue inside a snippet? https://tailwind-elements.com/snippets/ I cannot recreate the problem.

Did you check if that issue occurs on a new project?

juujisai avatar Oct 03 '23 05:10 juujisai

Hi! Any chance to recreate the issue inside a snippet? https://tailwind-elements.com/snippets/ I cannot recreate the problem.

Did you check if that issue occurs on a new project?

Sorry for late reply, i already got the solution this issue if we initFE in 1 page or 1 html and i call many of select it just work in 1 select for the filter then the other not working

so i create Global Select Component and just call the component and it work by the way i use Nuxt Js 2 with SSR

AndoruKun avatar Oct 04 '23 09:10 AndoruKun