Problem in DiamondVue[5.X.X]

[Rekl0w]

Hi,

There is an issue when we trying to toggle the tiered menu at the datatable's first data, when we click the first data's tiered menu button, the menu ref is null, but rest normally toggles. First screenshot is releated the normal toggle, second one is when we search a data at the datatable and where we get the error, third one is the console log of the second screenshot's data's tiered menu button toggle.

There is the releated code.

const menu = ref();

const toggleFunc = async (event, data) => {
    menu.value.toggle(event); -> this is the error's location, it says menu.value is null
};

<Column header="asd" style="min-width: 7rem" frozen alignFrozen="right">
                <template #body="{ data }">
                    <div class="flex justify-content-center">
                        <Button type="button" rounded icon="pi pi-ellipsis-v" @click="toggleFunc($event, data)" aria-haspopup="true" aria-controls="overlay_tmenu" />
                        <TieredMenu ref="menu" id="overlay_tmenu" :model="items" popup />
                    </div>
                </template>
            </Column>

Thank you.

[evrenonur]

@tugcekucukoglu I just noticed the same problem

[tugcekucukoglu]

In which demo did you encounter this problem?

[Rekl0w]

I am currently using 5.1.0 but i tried this at 5.3.0 too.

[Rekl0w]

Any updates here ? @tugcekucukoglu