search

dwqs / v2-datepicker

A simple datepicker component based Vue 2.x: https://dwqs.github.io/v2-datepicker/
MIT License
89 stars 21 forks source link

Calendar Won't Close When Clicking Outside (in Bootstrap Modal) #28

Closed syntaxc closed 5 years ago

syntaxc commented 5 years ago

The calendar card won't close when clicking outside of the calendar if input field is in a Bootstrap modal.

The calendar opens when clicking the input field. Then will not close when clicking anywhere else on the modal. If you click the 'x' to close the modal, clicking anywhere will then close the calendar.

Example: https://jsfiddle.net/syntaxc/31rcp8mf/

Anyone know of a workaround for this?

syntaxc commented 5 years ago

Turns out that this is not an issue with v2-datepicker. It is a problem with vue-bootstrap. Issue is explained here: https://github.com/bootstrap-vue/bootstrap-vue/issues/2291