内容在块锚选择问题中可编辑

Question

小提琴：http://jsfiddle.net/wfYMF/3/

.inner{
  width:500px; 
  background-color:#555; 
  text-align:center; 
  display:table-cell;    
}
.outer{
    display:block;
}
...
<a href="#button" class="outer">
    <span>
        <span class="inner" contenteditable=true>FooBar</span>
    </span>
</a>

我在锚点内部有一个内容可编辑的范围，文本中心对齐。锚点设置为显示块。在这些条件下，从左侧或右侧拖动拖动元素而不是选择文本。删除显示：阻止或将元素更改为div可以使其正常工作。

有没有办法从对齐文本的远端开始选择文本与块锚一起工作？

这是镀铬的。其他浏览器似乎也做了类似的事情，但是喜欢将拖动的内容删除并复制回内容可编辑的导致标记同类相食。

Answer 1

这绝对是浏览器中的错误，请查看此bug report

与此同时，您可以通过阻止对故障锚标记上的dragstart事件的默认操作来解决此问题。

a.ondragstart = function(ev) { ev.preventDefault(); }