P-Dialog content is getting cut when zooming in

Discussão em 'Angular' iniciado por dan3lah, Fevereiro 13, 2025.

  1. dan3lah

    dan3lah Guest

    I added a PrimeNG dialog with an image inside. I want to zoom in and out of the image using the scroll. It seems like the p-dialog has the overflow property set to auto, but my content keeps getting cut off: the more I zoom, the less I can scroll to see (this happens both vertically and horizontally).

    Here is an stackblitz with my issue. For example, when you open the first dialog and try to zoom in the image of the dog, you'll be unable to scroll to see the woman in the background.

    First img - where you can see the woman //After zooming in, unable to scroll through

    In the second dialog, when you zoom in, the statue's head is cut off.

    Second img //Headless statue

    How can I fix this?

    Thanks!

    Continue reading...

Compartilhe esta Página