Overlay Panel shows arrow on the wrong position

[centai]

I have a panel with a menu, which shows an overlay panel. Unfortunately the new introduced arrow shows at the wrong position:



I also create a StackBiz to reproduce this problem: https://stackblitz.com/edit/github-renwtm

Code: Select all

<p-panel>
	<p-header>
		<span i18n style="float: left; line-height: 24px;">Test Panel</span>
                    <a style="float:right;" (click)="op.toggle($event)">
                        <i class="nmc-icon-align material-icons">more_vert</i>
                    </a>
                    <div style="clear: both;"></div>
                </p-header>
</p-panel>
    <p-overlayPanel #op styleClass="noPaddingOverlay">
        <ul class="ultima-menu animated fadeInDown">
            <li role="menuitem">
                <a (click)="op.hide()">
                    <i class="material-icons">delete</i>
                    <span i18n>Delete</span>
                </a>
            </li>
        </ul>
    </p-overlayPanel>

I am using PrimeNG 7.0.5, UltimaNG 7.0.1, Angular 7.2.3

[merve7]

Hi,
Thank you for stackblitz example. We will review and get back to you.

[centai]

Are there any updates regarding this issue?

[merve7]

Hi,
So sorry for the delay. We fixed for PrimeNG 8. You can try the below example;
https://stackblitz.com/edit/github-kwrz ... onent.html

[centai]

Ok, great. Thank you!