Fix: continuous check for mouseoverElement

Author: mkmarek

packages/com.mkmarek.uielements.react/Runtime/ReactRenderer.cs

@@ -57,10 +57,9 @@ public class ReactRenderer : PanelRenderer
             StartCoroutine(HandleMessages());
             StartCoroutine(HandleEvents());
             StartCoroutine(CheckforJsErrors());
+            StartCoroutine(CheckForMouseOverElement());
 
             visualTree.pickingMode = PickingMode.Ignore;
-            visualTree.RegisterCallback<MouseEnterEvent>(x => isMouseOverElement = true);
-            visualTree.RegisterCallback<MouseLeaveEvent>(x => isMouseOverElement = false);
         }
 
         public void RunModule(string[] modulesToReload)
@@ -78,6 +77,33 @@ public void AddMessageToBuffer(string message)
             jsToNativeMessages.Enqueue(message);
         }
 
+        private IEnumerator CheckForMouseOverElement()
+        {
+            while (true)
+            {
+                var position =
+                    new Vector2(Input.mousePosition.x / Screen.width, Input.mousePosition.y / Screen.height) *
+                    this.visualTree.layout.size;
+
+                // the position needs to be inverted vertically
+                position.y = this.visualTree.layout.size.y - position.y;
+
+                var picked = panel.Pick(position);
+
+                // Should also ignore panel elements
+                if (picked?.parent != null)
+                {
+                    isMouseOverElement = true;
+                }
+                else
+                {
+                    isMouseOverElement = false;
+                }
+
+                yield return new WaitForEndOfFrame();
+            }
+        }
+
         private IEnumerator CheckforJsErrors()
         {
             while (true)