topic Re: Modal window is not working with position sticky parent in CMS Development

Modal window is not working with position sticky parent

shrutirathi — Mon, 24 Jul 2023 11:34:22 GMT

hello,

I have created a module in hubspot to open a modal window on click of a CTA image. My requirement is the CTA should be sticky.

But modal window is greying up the whole window and form inside it inaccessible. It works perfectly fine when I remove position:sticky from CTA image.

Can you please help what can be done. With parent div having position sticky, modal window is not working well. (I am using bootstrap)

Re: Modal window is not working with position sticky parent

albertsg — Tue, 25 Jul 2023 00:21:29 GMT

Hello @shrutirathi, could you please provide us with a link to your preview/live page? That way it's way easier to show you the correct steps to follow in order to achieve what you want 🙂

Re: Modal window is not working with position sticky parent

shrutirathi — Wed, 26 Jul 2023 12:41:57 GMT

Hello albertsg,

thank you for your reply. My problem is solved, I have appended the modal window to body via js, so that comes under same stacking order as of its parent div.

$("#myPopupWindow").appendTo("body");