Overlay Panel shows arrow on the wrong position

Post Reply
centai
Posts: 46
Joined: 22 Mar 2012, 12:58

07 Feb 2019, 16:14

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

Image

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
Posts: 441
Joined: 12 Sep 2017, 10:44

11 Feb 2019, 14:24

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

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests