[SOLVED] Unwanted interaction between mouse-input and html UI

I’ve been using code derived from the examples mouse-input, orbit-camera, and UI tutorials.
Its working very well. Thanks for the good work.

But I have a small issue:

  • when orbiting (mouse held down) my UI html text is being marked for cutting/copying as I move the mouse around orbiting the scene.
  • all this is initiated in mouse-input (almost 1:1 the tutorial code)
    You can see the interaction here:
  • https://playcanv.as/b/C60R2xLC/

My question is:

  • is there a way to prevent mousedown motion from selecting the text whilst still allowing the UI text to receive mouse selections in the normal course of “events” ?

Yeah you need to add some css:

It’s user-select set to none https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

Add that to the stuff which is being selected’s parent, or the body or something.

oh that is perfect thanks

user-select: none;