Submenu is rendered in wrong place

[Timmeeeey]

Describe the bug If you use html in an item template with submenu and click on the menu item text then the submenu is rendered in the wrong place.

Example:

<ng-template contextMenuItem [subMenu]="subMenu">
  <div>Item</div>
</ng-template>

Stackblitz Example https://stackblitz.com/edit/angular-ivy-zcbqgj

[sroucheray]

Hi @Timmeeeey,

Thanks for the details. I think this might be because the menu has not enough space on the right to show itself, so it auto positions where it can and where it's best.

If I give it enough horizontal space on its right, I get this on your stackblitz :

On Firefox:

On Chrome:

Could you check again and confirm please ?

[Timmeeeey]

Yes there is enough space. Did you click on the text "Item 2"?

[sroucheray]

Fixed in 8.0.1. Thanks for the report @Timmeeeey ! https://stackblitz.com/edit/angular-ivy-njp6pu?file=angular.json