# React-three-fiber touch events don’t work on Iphone safari browser

**URL:** <https://discourse.threejs.org/t/react-three-fiber-touch-events-don-t-work-on-iphone-safari-browser/26053>\
**Category:** Questions\
**Tags:** react-three-fiber\
**Created:** [May 7, 2021, 9:58am UTC](https://discourse.threejs.org/t/react-three-fiber-touch-events-don-t-work-on-iphone-safari-browser/26053 "2021-05-07T09:58:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robertas\_Liekis](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/robertas_liekis/32/16787_2.png) [@Robertas\_Liekis](https://discourse.threejs.org/u/Robertas_Liekis)\
**Post date:** [May 7, 2021, 9:58am UTC](https://discourse.threejs.org/t/react-three-fiber-touch-events-don-t-work-on-iphone-safari-browser/26053/1 "2021-05-07T09:58:16Z")

</div>

Hello. I have created a simple scene where you click on a model and alert appears. Everything works fine on windows dekstop and android mobile, but on iphone safari browser onClick/touch events don’t work, I can’t trigger them. Where is the problem?

```
<Canvas
  colorManagement
  shadowMap
  camera={{ position: [160, 50, -140], fov: 30 }}
>
  <CameraControls windowWidth={windowWidth} />
  <ambientLight intensity={0.6} />
  <pointLight position={[-10, 100, -20]} intensity={0.5} />
  <mesh
    geometry={buildingsMesh}
    onPointerDown={() => alert("touch")}
    onPointerUp={() => alert("touch")}
    onClick={() => alert("touch")}
    onPointerOut={() => alert("touch")}
  >
    <meshStandardMaterial
      attach="material"
      transparent={true}
      color={"white"}
    />
  </mesh>
</Canvas>;
```