Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Thanh Điền Phan
15
Dialog content width is set to a different value after its first open
posted

Hi there,

The dialog width is changed after its first open,

from:

<div class="igx-overlay__content--modal igx-overlay__content--relative" style="">

to:

<div class="igx-overlay__content--modal igx-overlay__content--relative" style="width: 1285.6px;>

But the content is only around 300px in width so the dialog is expanded beyond its content.
What I've tried so far:

System:

  • Npm package:  igniteui-angular@8.1.1
  • Angular: v8
  • 15
    Offline posted in reply to Milko Venkov

    Hi Milko,
    I've been trying to reproduce it in this      StackBlitz but the component is too dependency heavy, I'll get back to you when there is something new.

  • 21795
    Offline posted

    Hello Phan,

    I have taken a look at the StackBlitz you provided and was not able to reproduce this issue. I opened the dialog several times and each time overlay content div had no width. I have also recreated your sample with Ignite UI for Angular 8.1.0 in this StackBlitz. As you can see the issue does not reproduce and in 8.1.0 – again I have opened the dialog several times and no width appear in the overlay content div. I have also removed the min-width and width of the dialog and still was not able to reproduce the issue.

    Can you provide a sample where this issue reproduces as well as steps to reproduce it?

    Looking forward to your reply with samples and steps included.