[Latest Chrome] Select component sometimes open for fraction and closes itself automatically

lusaxweb / vuesax

New Framework Components for Vue.js 2

https://lusaxweb.github.io/vuesax/

MIT License

5.64k stars 741 forks source link

[Latest Chrome] Select component sometimes open for fraction and closes itself automatically #511

Open jsinhSolanki opened 5 years ago

jsinhSolanki commented 5 years ago

Hi, vuesax select component is somehow broken. When I try to open options, it just opens for fraction of second and closes itself automatically. Sometimes it works. You can test it on your docs.

I have a GIF for you. chrome-capture

After some debugging, I found that this is because of latest chrome release. This issue is related to latest chrome. In my old browser it worked.

meyer59 commented 5 years ago

Duplicate #501

thepepperone commented 5 years ago

Having the same issue. I hope this will be fixed soon. Thanks!

chunilkim1 commented 5 years ago

me too. having the same issue please update

jsinhSolanki commented 5 years ago

Any update???

ziltonvasconcelos commented 5 years ago

Also need this update!

Not working

rkrajukhunt commented 5 years ago

i have getting same issue in windows os but not getting in linux os why??

contactabbas commented 5 years ago

We are affected as well. It's a total loss of functionality. our whole system is down. Can you please treat this as P1?

yqgit commented 5 years ago

This seems to affect Chrome v73.0 and up on windows as well as macOS. As a temporary workaround, you can enable autocomplete which seems to make the glitch disappear.

ashleymoogle commented 5 years ago

Hey bois, I found the issue, focus is called twice line 215-218 of vsSelect.vue

focus: (event) => {
  this.$emit('focus',event)
  // document.removeEventListener('click',this.clickBlur)
  this.focus(event)
}

If you get rid of line 218 this.focus(event) it seems to do the trick. Funny enough on the other listeners only the $emit is used and are never called twice. I'll test that more in the coming days for side effects and make a PR if everything seems in order. Cheers

jsinhSolanki commented 5 years ago

@ashleymoogle any updates??

bci24 commented 5 years ago

the same problem using chrome Version 73.0.3683.103 (Official Build) (64-bit) - ubuntu

jacrys commented 5 years ago

Thanks to @ashleymoogle's suggestion, I think I was able to fix it. I have an open PR (#537) that I believe fixes it.

jacrys commented 5 years ago

@jsinhSolanki @bci24 @yqgit @ziltonvasconcelos @chunilkim1 @thepepperone Can you please check and verify if it is fixed?

jsinhSolanki commented 5 years ago

Hello @Jacrys for taking time for this issue. Your fix didn't solved this issue. I have tested it in Vuesax docs and also on my site. It didn't worked.

nullRefErr commented 5 years ago

Any updates ?

@02/05/2019 Edit: I updated a new version 3.8.62^bug seems to be fixed.

jsinhSolanki commented 5 years ago

@ErenYatkin in latest commit by @luisDanielRoviraContreras this issue is transferred in select don't close sometimes. chrome-capture Thanks for your efforts.

nullRefErr commented 5 years ago

@jsinhSolanki I realized that if a vs-select did not have v-model this occurs. Try to add v-model and check again.

Pedrazl commented 5 years ago

I think this issue is working fine on last version v3.8.75. It can be closed.

SeyyedKhandon commented 4 years ago

i'm using vuesax 3.11.13 and have the same issue.

rozman50 commented 4 years ago

Same problem on Edge Chromium (83.0.478.58) but not Firefox (77.0.1), Vuesax 3.11.17

Tofandel commented 4 years ago

This issue is still there on Vuesax 3.11.17, when clicking on a select it becomes readonly, completely broken...