Input (range) does not work in 3D scene (threejs)
 

Дорогие друзья!
Нашел себе на голову такую проблему:
На сайте нужна 3D сцена, сделали на threejs
Только родной орбит контрол нам нужно немного изменить. Я отключил масштабирование и панораму в коде -

controls.enablePan = false;
		controls.enableZoom = false;

Добавили инпут-ползунок и хотим масштабировать модель ползунком, но он полностью потерял активность, не реагирует на мышь вообще. Только реагирует на стрелки, когда в фокусе, но нужна мышь.
Масштабировать -

sphere0.scale.x = 2.25;

Только вот событий от мыши я получить не могу - мой инпут не активный.

Само поделие здесь, посмотри Дорогой Друг, если есть возможность:
Ссылка
в самом низу сцена

Ты нарушил 4й закон логики и она тебя покарала =).

Что бы понять почему элементы страницы не работают так как тебе нужно.
Тебе нужно разобраться с контекстами наложения. т.е. любой Z индекс в одном контексте наложения никак не может быть выше любых элементов в другом контексте наложения.