Input field inside transform component is not typeable.

[sudipstha08]

If we put the input field inside the transform component, the field input & textarea is not typeable. React: 17.0.1

<TransformComponent>
      <image />
      <input />     
  </TransformComponent>

Env

 react: 17.0.1
 react-zoom-pan-pinch: 2.1.3,

[viveksharmapoudel]

I am also facing the same issue, Input button and textarea is not working

[bhsz]

Hi, I think the issue is with the click events trying to start the pan. You can simply use the excluded props to fix this.

<TransformWrapper  panning={excluded: ["input"]}>
        <TransformComponent>
              <image />
               <input />     
        </TransformComponent>
</TransformWrapper>

[kenjim83]

@bhsz thank you! This solved my problem.

[rkvirajgupta]

@bhsz Thankyou