I have a popup that gets fired when I hover over a link in an iframe embedded inside the main page.
Currently that popup is rendering on the iframe and gets clipped. I want the popup to display on the top and not in the frame.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a popup that gets fired when I hover over a link in an iframe embedded inside the main page.
Currently that popup is rendering on the iframe and gets clipped. I want the popup to display on the top and not in the frame.
As far as I can see, this can’t be done in a reliable and simple way.
You would have to display the popup in the parent frame, because that’s the only one that can hover above your iframe. If the popup is bound to the mouse position, the amount of effort required to cross-calculate the correct positions and transfer them to the parent frame is huge and awfully complicated.