There is an iframe tag covering whole page preventing interaction with the app

user_19531597 0
Viewed 35

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>

reactjs iframe html
1 Answers

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;
}
user_54668950
Related