javascript - 在 Firefox 中缩放内容可编辑的 div

Question

在 Firefox 中使用缩放变换会导致光标停止闪烁、隐藏它或使其指向错误的字符。

这是 fiddle :

http://jsfiddle.net/7bNU4/4/

<div tabindex="1" class="trans">    
<div contenteditable="true">
   <span style="font-size: 73px; font-family: Calibri (Headings);
    text-align: center; color: Black;" class="TxtPhLineTxt">S</span>
</div>

CSS:

.trans { 
    height: 2.1in; width: 11.5in; 
    cursor: text; 
    transform: scale(0.461111);
    transform-origin: 0px 0px 0px; 
}

那么，有没有办法解决上述问题呢？

Answer 1

这是firefox的一个bug，目前还没有解决:

https://bugzilla.mozilla.org/show_bug.cgi?id=865930