Blazor - turning off text selection when moving with mouse after mousedown event

Question

I'm working on table in Blazor. I want to use mousedown and mouseup event to add posibility for selecting more cells in the table. When user holds mouse button, he can move and select cells until he release mouse button. Everything works fine, there is just one problem: together with selecting cells, I'm selecting every text, even outside of cells, which doesn't look good.

Is there any easy way in Blazor how to turn off the text selection after holding mouse button?

Thank you!

Please add a code to your question that is re-producible. – KrishnaDhungana Mar 22 '20 at 00:15 — KrishnaDhungana, Mar 22 '20 at 00:15

score 1 · Accepted Answer · answered Mar 22 '20 at 00:18

1

If you only want the text to be un-selectable while dragging the mouse (so the only way to select text if you do this would be with the keyboard)...

In the onmousedown handler, change the CSS style of the table to user-select: none; and then remove that style in onmouseup.

answered Mar 22 '20 at 00:18

Mister Magoo

7,452
1
20
35

Thank you, that was exactly, what I was looking for!! – Filip Mar 22 '20 at 09:18
You could just leave that style on the table though, as there is effectively no point in adding and removing it – Mister Magoo Mar 22 '20 at 09:19

Blazor - turning off text selection when moving with mouse after mousedown event

1 Answers1