Not clickable in Edge but clickable in firefox & Chrome

[leemlwando]

Hi, Leva controls are not working in Microsoft edge. However, they are working just fine in chrome & firefox.

Issue Description: leva dialog not clickable

my sample code making use of leva to test camera controls

`import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'; import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader'; import { TextureLoader } from 'three'; import { Canvas, useLoader } from '@react-three/fiber' import { useGLTF,useOb, OrbitControls, ContactShadows,useTexture } from '@react-three/drei' import { useControls } from 'leva' import RESOURCES from './constants/resources'; import { useMemo } from 'react';

export default function App() {

const options = useMemo(() => { return { x: { value: 0, min: -150, max: 150 }, y: { value: 0, min: -150, max: 150 }, z: { value: 0, min: -150, max: 150 } } }, [])

const camera  = useControls('Camera',options);

return ( <>

Loading .OBJ & MTL files : Testing

  <Canvas camera={{ position: [-10, 0, 5], fov: 50 }}>
    <hemisphereLight color="white" groundColor="blue" intensity={1.75} />
    <spotLight position={[50, 50, 10]} angle={0.15} penumbra={1} />
    <group position={[camera.x,camera.y,camera.z]}>
      <RenderOBJModel />
      <ContactShadows scale={20} blur={10} far={20} />
    </group>
    <OrbitControls />
  </Canvas>
</>

) }

function RenderOBJModel(){

let model = useLoader(OBJLoader, RESOURCES.objs.sphereObj);

return }`

Browser details:

Microsoft Edge Version 118.0.2088.57 (Official build) (64-bit)