selectDateItem somthimes not called when datepicker is within a container with a tabindex

[rkoole]

Sometimes the selectDateItem method is not called when a cell is clicked in the calander. This is the case if the datepicker component is nested within a container with a tabindex (see code below for example).

<template>
<div 
    style="border: 1px solid black; width 800px; height: 400px" 
    tabindex="1"
>
    <date-pick
        class="datePickExample"
        v-model="date"
        v-bind="pickerProps"
    ></date-pick>
</div>
</template>

On the other hand, if v-show is used instead of v-if in the outerwrap div, it seems to be working better. I don't know if this is the only solution, but can this be fixed?

Many thanks

<transition name="vdp-toggle-calendar">
   <div
		**v-show="opened"**
		class="vdpOuterWrap"
		ref="outerWrap"
		@click="closeViaOverlay"
		:class="[positionClass, {vdpFloating: hasInputElement}]"
	>