Tiered menu is not placed correctly

UI Components for Vue
Post Reply
yasemin ertan
Posts: 2
Joined: 24 Nov 2022, 10:59

24 Nov 2022, 11:13

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
Posts: 30
Joined: 06 Sep 2022, 08:59

24 Nov 2022, 17:18

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
Posts: 2
Joined: 24 Nov 2022, 10:59

25 Nov 2022, 11:14

Thanks for your reply, works well!!

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests