C# Blazor - 可拖动停止突出显示文本的能力

Question

我有如下内容：

<div class="outer" ondragover="event.preventDefault();">
  @foreach (CustomObject o in ObjectList)
  {
     <div draggable="true" @key="o.Rank" @ondrag="@(()=> StartDrag(o))" @ondrop="@(()=> Drop(o))" class="inner">
        <textarea></textarea>
        <input type="text">
        <button></button>
        <textarea></textarea>
     </div>
  }
</div>

我希望能够拖放整个部分，但问题是它不再允许突出显示文本区域或文本框中的文本。

是否有允许突出显示文本并能够 drag/drop 一切的好方法？

Answer 1

尝试对内部元素使用这些设置

<div draggable="true" @key="o.Rank" @ondrag="@(()=> StartDrag(o))" @ondrop="@(()=> Drop(o))" class="inner">
           <textarea draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();"></textarea>     
        <input type="text" draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();">
        <button draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();"></button>
        <textarea draggable="true"
           ondragstart="event.preventDefault();
                        event.stopPropagation();"></textarea>
     
     </div>

C# Blazor - 可拖动停止突出显示文本的能力

C# Blazor - Draggable stops ability to highlight text

html

c#

textarea

drag-and-drop

blazor