React/WordPressScripts/Elementor – JS execution is blocked on mobiles

Hi, we developed a plugin which uses React and wordpress-scripts.

The idea is that on start-up, there is a div with a special CSS ID, let it be: “pergola”. index.js is configured to find the element with that ID and render React app there:

ReactDOM.createRoot(document.getElementById("pergola")).render(...);

The div with the ID is created with Elementor plugin. When site is opened on PC, everything runs as it should. However, when site is opened on mobile, the JS will not be executed until user manually do some action with the page. For example, scroll or tap the screen.

Please help with fixing this JS execution problem on mobiles.

  • This topic was modified 1 hour, 45 minutes ago by k1lat1v.
  • This topic was modified 1 hour, 45 minutes ago by k1lat1v.

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer