I want to ask about three.js. so I created a periodic table and made it auto rotate. but I have a problem when I want to give a click function to the element. I use three.js with orbitControls, this is example code

if I add

controls.autoRotate  = true;

I can click the element and I can make a function to elements. But I can't drag to rotate element.

But if I change that code like this

controls.autoRotate  = false;

I can drag to rotate elements, but click function not working

How to solve this problem bro? I put an example link on jsfiddle. please help me, this problem is consuming a lot of my time

Can click but cannot drag rotate : link

Cannot click but can drag rotate : Link