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
Parents
No Data
Reply
  • 0
    Offline posted

    For anyone else running into the same problem, I was able to fix it by surrounding the <igx-dialog> with a <div style="width: 0"> tag. This will keep the dialog from growing on subsequent rendering.

Children
No Data