Systems and Methods for Presenting an Inline Frame Modal in the Parent Window

A computer-implemented method, comprising:

• providing for display via a user interface of a client device, an interface comprising a parent window comprising a plurality of selectable user interface elements, wherein the plurality of selectable user interface elements comprises at least a first iFrame including a modal component, wherein the first iFrame has a first size constraint;
• obtaining data indicative of a user input comprising selection of an interactive modal element of a user interface;
• in response to obtaining data indicative of the user input, resizing the first iFrame to a size larger than the first size constraint;
• decreasing an opacity of the first iFrame;
• generating a second iFrame, wherein the second iFrame is an imitation DOM that is a duplicate of the first iFrame;
• presenting the second iFrame at a location within the parent window that is the same as the first size constraint of the first iFrame;
• and
• opening a modal window associated with the modal component within the resized first iFrame, wherein the modal window appears to be opened within the parent window and outside the first iFrame.

One or more non transitory computer readable media storing instructions that are executable by one or more processors to perform operations comprising:

• providing for display via a user interface of a client device, an interface comprising a parent window comprising a plurality of selectable user interface elements, wherein the plurality of selectable user interface elements comprises at least a first iFrame including a modal component, wherein the first iFrame has a first size constraint;
• obtaining data indicative of a user input comprising selection of an interactive modal element of a user interface;
• in response to obtaining data indicative of the user input, resizing the first iFrame to a size larger than the first size constraint;
• decreasing an opacity of the first iFrame;
• generating a second iFrame, wherein the second iFrame is an imitation DOM that is a duplicate of the first iFrame;
• presenting the second iFrame at a location within the parent window that is the same as the first size constraint of the first iFrame;
• and
• opening a modal window associated with the modal component within the resized first iFrame, wherein the modal window appears to be opened within the parent window and outside the first iFrame.