Estoy trabajando con ThreeJs para proporcionar una regla para el modelo 3d.

Creé un div de esta manera y luego lo puse dentro de CSS2DObject como en el siguiente código

 const measurementDiv = document.createElement('div'); const labelDiv = document.createElement('div'); const close_button = document.createElement('button'); close_button.type = "button"; close_button.innerHTML ='x'; close_button.id = lineId; close_button.className='measurementButton'; measurementDiv.className = 'measurement'; labelDiv.className = 'measurementLabel'; labelDiv.innerText = "0.0 mm"; measurementDiv.appendChild(labelDiv); measurementDiv.appendChild(close_button); close_button.addEventListener('click', function(){ console.log( event ) ; // scene.remove(measurementLabels[close_button.id]); }); const measurementLabel = new CSS2DObject(measurementDiv);

lo que me gustaría hacer es, cuando hago clic en el botón, elimino el CSS2DObject.

el problema es que si hago clic en el botón, el evento de clic no se activa. parece que la vista de representación principal está obteniendo el evento y no lo transfiere al elemento dom subrayado

en este enlace puede probar un ejemplo simple https://codepen.io/mboscolo/pen/XWapaEK

Gracias