Three.js: Editor: Expanded menu bar options don’t minimise when you click in the 3D viewport on mobile

[GamerWael]

Description of the problem

The expanded menu bar options don’t minimise when you click in the 3D viewport. They only minimise when you click somewhere in the Scene/Project/Settings tab or in an empty space in the menu bar.

Three.js version

• [ ] Dev
• [ ] r120
• [ ] ...
• [x] Editor

Browser

• [x] All of them
• [ ] Chrome
• [ ] Firefox
• [ ] Internet Explorer

OS

• [] All of them
• [ ] Windows
• [ ] macOS
• [ ] Linux
• [x] Android
• [ ] iOS

[Mugen87]

It seems this broke with r120. It worked with r119:

https://rawcdn.githack.com/mrdoob/three.js/r119/editor/index.html

@GamerWael Can you confirm, please?

[Mugen87]

It seems this is a side effect from having the following line in TransformControls:

domElement.style.touchAction = 'none';

Removing it restores the previous behavior. However, this code is required in a different context.

[GamerWael]

Can confirm it works with r119

[mrdoob]

Okay, I think this fixes it: https://github.com/mrdoob/three.js/commit/7f8b59f149c886fa874508c9c6e88345f337ef7b
https://raw.githack.com/mrdoob/three.js/dev/editor/

[Mugen87]

Works like a charm! 😊

[GamerWael]

Yup!

[mrdoob]

Sweet! Will push to gh-pages too.

[mrdoob]

Pushed, should be live in a few minutes.
Thanks for reporting! 🙏