Orbitcontrols default keyboard events stopped working between r122 and r123/124

If you click the 3d view in the below fiddle, so that the document is in focus, you can then press the arrow keys on the keyboard to change the OrbitControls pan. This is what I was expecting since enableKeys = true by default in the OrbitControls source code.

If you comment out the r122 imports in the fiddle, and uncomment the r123 imports, the arrow key bindings have stopped working despite enableKeys = true is still default in the OrbitControls r123 and r124 source code.

See fiddle : https://jsfiddle.net/3qukxadj

I’ve only checked in the Edge browser.

r122 : https://unpkg.com/three@0.122.0/examples/jsm/controls/OrbitControls.js
r123 : https://unpkg.com/three@0.123.0/examples/jsm/controls/OrbitControls.js

1 Like

Yes, this is a known issue:


Are you looking for a workaround or just reporting a bug?

To fix the problem without using tabIndex, the author of Orbitcontrols should look into: