I’m using three.js and css3d inside one web page, that has also a form with input and button.
At the moment, the controls are blocking the form button and also the control area is all the page.
How can I clip the control area to just the 3d image, so that the rest of the page is not effected?
Could you let us know a little more about your configuration: which controls are you using, how is the form displayed?
In general, all controls libs have this property by default:
this.enabled = true;
you could set it to false when the user mouseover/popup the form and you set it to true when the user mouseout/blur/close the form.
Depending on your configuration, you may have to change the objects z-index HTML property for it work.