In modal over three js canvas I am not able to type in input field


in bootstrap modal which I display in order to enter certain information into the database I am not able to click on the input field in order to type on it ( like the focus is not in function ). Same goes for the select where I am not able to open the dropdown at all.

There is no any kind of error in the console log about this.

Any idea what might be happening there?

Many thanks,

Are you using a control class in your three.js scene? Like OrbitControls?

Hi @Mugen87

If the UI library does not use the Pointer Event API, it is not compatible to OrbitControls.

So could I disable orbit controls when opening bootstrap modal? I tried ‘enabled = false’ but it did not change anything.