Topic: Focus state datepicker button (calendar icon) after closing datepicker
Expected behavior After closing datepicker by clicking outside the datepicker focus state of the button (calendar icon) should return to default state (black).
Actual behavior After closing datepicker by clicking outside datepicker the button (calendar icon) keeps focus state (blue)
Resources (screenshots, code snippets etc.) See https://mdbootstrap.com/docs/vue/forms/datepicker/#section-inline-version. It also keeps focus (blue) state in online documentation.
Hello! Thank you for bringing this to our attention. To remove the focus, you can listen for the close event and then call document.activeElement.blur(). Here's an example in a snippet:
https://mdbootstrap.com/snippets/vue/b-cylwik/5149134#js-tab-view
Best Regards!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB5 3.1.1
- Device: Apple M1 Macbook Pro
- Browser: Chrome 112.0.5615.49
- OS: 13.2.1
- Provided sample code: No
- Provided link: Yes