I am working on a web app which another developer has developed. Every time I run the project or refresh the page, an empty iframe covers the entire screen and other HTML elements are not shown in elements section of inspect. In order to interact with the app I have to delete it from inspect. I could not find the code snippet related to the iframe in the project. May anybody help me to solve this problem?
<iframe style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647;"></iframe>
CodePudding user response:
Try adding this to your CSS:
iframe {
pointer-events: none;
}
The pointer-events property allows for control over how HTML elements respond to mouse/touch events – including CSS hover/active states, click/tap events in Javascript, and whether or not the cursor is visible.
None prevents all click, state and cursor options on the specified HTML element
Or
iframe {
display: none;
}