OrbitControls double-click breaks with multiple scenes

Questions
6

I noticed the same behaviour and fixed it by preventing the double click event for my whole application.

Only apply on the Three js canvas

// Assuming `renderer` is your Three.js WebGLRenderer
const canvas = renderer.domElement;

// Prevent default double click behavior on the canvas
canvas.addEventListener('dblclick', event => {
    event.preventDefault();
}, false);

Or apply on the entire page

//Disable default double-click behavior on the entire document
document.addEventListener('dblclick', event => {
    event.preventDefault();
    event.stopPropagation(); // Stop the event from reaching other elements
}, false);

If the problem persist you can disable selection for the page as follow in CSS:
You can allow selection on certain parts by adding the class selectable to your HTML tags
or allow it on a whole set. Like all .h1 for example, …

/* Disable text selection for all elements */
* {
  user-select: none;
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  -webkit-user-select: none; /* Chrome, Safari, Opera */
}

/* Allow text selection for elements with class "selectable" */
.selectable {
  user-select: auto;
}