CMS Development

shrutirathi
Participant

Modal window is not working with position sticky parent

SOLVE

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)

0 Upvotes
1 Accepted solution
shrutirathi
Solution
Participant

Modal window is not working with position sticky parent

SOLVE

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");

View solution in original post

0 Upvotes
2 Replies 2
albertsg
Guide

Modal window is not working with position sticky parent

SOLVE

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 🙂 



Did my answer help you? Mark it as a solution


Book time with me

You can also connect with me on LinkedIn



0 Upvotes
shrutirathi
Solution
Participant

Modal window is not working with position sticky parent

SOLVE

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");

0 Upvotes