用户选择了第一个单词，但Safari选择了其他单词在iOS的网站上

问题描述

当用户想要选择该行上的第一个单词时，Safari会选择其他内容：

User tries to select "practical",but "very practi" is selected

这没有任何意义。我已经尝试了很多次，不可能只是“ misclick”。它发生在每行的第一个单词中。

当每个单词都是一个<span>元素时，我有特殊的标记：

.question {
  font-size: 2rem; 
  width: 230px;
}

<div class="question">
  <span data-id="8897">The</span> 
  <span data-id="12072">coffee</span> 
  <span data-id="12072">table</span> 
  <span data-id="651">is</span> 
  <span data-id="5232">made</span> 
  <span data-id="5910">of</span> 
  <span class="test-fill">________</span>. 
  <span data-id="4357">I</span> 
  <span data-id="20645">do</span><span data-id="5744">n't</span> 
  <span data-id="8886">think</span> 
  <span data-id="4358">it</span><span data-id="651">'s</span> 
  <span data-id="9580">very</span>
  <span data-id="6273">practical</span>.

</div>

我尝试了user-select的其他值，但没有任何改变。

如果没有<span>，它就可以正常工作。但是<span>很重要，因为data-id属性...

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）