search

vuematerial / vue-material

Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
https://www.creative-tim.com/vuematerial
MIT License
9.88k stars 1.16k forks source link

Datepicker dialog stays open on loosing focus when Tab keys are used #2343

Closed sonalikatara closed 1 year ago

sonalikatara commented 2 years ago

Steps to reproduce

Go to this link https://codesandbox.io/s/vue-material-labeled-example-forked-fl1lq?file=/App.vue

Use TAB keys to move up and down the page, from one field to other.

Which browser?

I tried on chrome on windows machine

What is expected?

The datepicker dialog should close when it looses focus ( when the user moves to the previous or next field on the page using TAB key).

What is actually happening?

The datepicker dialog stays open on loosing focus most of the time.

No.

Reproduction Link

https://codesandbox.io/s/vue-material-labeled-example-forked-fl1lq?file=/App.vue

marqbeniamin commented 2 years ago

Hi @sonalikatara , thank you for using our framework! 🙏 You can help this repo if you open a PR with your solution 🙏

arpansaha13 commented 1 year ago

Hi @marqbeniamin, I have made a PR (#2372) to solve this issue. Could you please review it?

marqbeniamin commented 1 year ago

Thank you, @arpansaha13 . Your PR is merged into the dev branch.