Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Unable to click any thing


Hello,
Please help me with this. Because of this iframe I can't interact with the UI. This is happening on react. Please let me know where it is coming from and what the issue is. Thank you.

<img src="https://cdn.asparksys.com/medias/1651127799509.png" />


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


Hi,

Try to do next stepts:
1) in your yarn.lock file find the react-scripts and change the versions to the next:

"react-scripts@5.0.1":
"integrity" "sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ=="
"resolved" "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz"
"version" "5.0.1"
.
2) in your package.json put the next row into the dependencies: "react-scripts": "5.0.1" (without ^ symbol).
3) remove your node_modules and reinstall the packages. It should help you.

Regards,
Keenthemes support



Hi,

Can you please provide more information as our templates do not use iframe.
Which template and version are you using ?

Regards.



Metronic 8 React Demo 1



This usually happens on hot reload.



Hi,

Can you please let us know, where you use iframe ? The original source does not contain any iframe.

Regards.



I just found out it is because of react-scripts. It disables mouse events through an iframe overlay.



npm upgrade react-scripts solution didn't work!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(