Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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=" />


G
Guest 4 years ago
Metronic React
7 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)

user
Carmelo D 4 years ago

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" "

  "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


user
Sean Author 4 years ago

Hi,

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

Regards.


G
Guest 4 years ago

Metronic 8 React Demo 1


G
Guest 4 years ago

This usually happens on hot reload.


user
Sean Author 4 years ago

Hi,

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

Regards.


G
Guest 4 years ago

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


G
Guest 4 years ago

npm upgrade react-scripts solution didn't work!


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(