Calendar doesn't get trigger while loading inside `Portal`

[jimbatamang]

When this date-picker get used inside modal which renders inside portal (teleport: https://v3.vuejs.org/guide/teleport.html), the show and hide method doesn't get triggered. Which means, the calendar will not appear.

[gecas]

+1

[gecas]

@jimbatamang did you manage to solve it somehow?

[jimbatamang]

Well yes I did but with bit custom way. I noticed that the library has show() method, so I end up adding ref to the calendar component and calling that method direclty from my component. You can also hide it with same way. The method is called hide().

My code looks like this:

const showCalendar = () => { datepicker.value.show() }

const hideCalendar = () => { datepicker.value.hide() }

[gecas]

@jimbatamang can you maybe send me an example of your component with more context, not really sure where to put the code

[gecas]

Nah, no need, managed to make it work