html - HTML 5 のドラッグ可能な子要素でテキストを選択できるようにする

Question

各行が であるドラッグ可能な行を持つテーブルdraggable=trueがある場合、ユーザーはどのようにして列からテキストを選択できますか?

<table>
 <thead>..</thead>
 <tbody>
  ..
  <tr draggable="true">
   <td>..</td>
   <td>Cool text but you can't select me</td>
   <td>..</td>
  </tr>
  ..
</tbody>
</table>

別の簡単な例 ( https://codepen.io/anon/pen/qjoBXV )

div {
  padding: 20px;
  margin: 20px;
  background: #eee;
}

.all-copy p {  
  -webkit-user-select: all;  /* Chrome all / Safari all */
  -moz-user-select: all;     /* Firefox all */
  -ms-user-select: all;      /* IE 10+ */
  user-select: all;          /* Likely future */   
}    
<div class="all-copy" draggable="true">
      <p>Select me as text</p>
    </div>