Tiered menu is not placed correctly

[yasemin ertan]

Hello, we use only one tiered menu that is opened with clicking 3 dot menu of an item, for a collection of list items.
Like this:

Code: Select all

<div class="keyword-list">
      <SideMenuKeywordItem
        v-for="keyword in keywords"
        :key="keyword.uuid"
        :item-data="keyword"
        @show-dot-menu="onShowDotMenu($event, keyword)"
      >
      </SideMenuKeywordItem>

      <TieredMenu ref="dotMenu" :model="dotMenuItems" :popup="true" :focused="true" />
</div>

However, tiered menu opens always at the same location. I mean, if I click on second item first and menu opens on second item, then whichever item is clicked, the menu opens on second item. We have no such a problem a month or a bit more ago. We have no changes in the project about tiered menu or functions it uses.
Do you have any idea or suggestions? Thanks.

[bahadirsofuoglu]

Hi,
We will examine the situation in detail. I am sharing an alternative solution. I hope this helps.

https://codesandbox.io/s/green-grass-ne ... nuDemo.vue

[yasemin ertan]

Thanks for your reply, works well!!