Popup to readjust responsiveness after content size is changed

  • Resolved jfung

    (@jfung)


    4 years, 5 months ago

    Hi,

    on that page of the website, I’m using the free version of Popup Builder for the door images. When a door image is clicked, a popup with information on the door will appear.

    When the screen width is 1200px or less, the images in the popup will hide and a slider with those images will appear in the popup.

    The slider will automatically resize (becoming bigger) after a second. The popup does not readjust its position base on that, so the popups will look out of place.

    Screenshot: https://imgur.com/a/Aq7DyjU

    After the slider resized, if I click out of the popup and click into it again, the popup will position itself correctly.

    Also, if I were to adjust screen width in any way, the popup will reposition itself correctly as well, just not automatically at the moment the slider resizes.

    Is there any way or any codes/functions that I can use to make it work?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @jfung ,

    Sorry for the delayed answer.

    You need to call the following function which will signal popup to resize according to its content.
    window.dispatchEvent(new Event('resize'));

    Thread Starter jfung

    (@jfung)

    It works!

    Thank you for the help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Popup to readjust responsiveness after content size is changed’ is closed to new replies.