在Firefox中缩放内容可编辑div

时间:2014-04-30 11:34:19

标签: javascript css3 firefox css-transforms

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

这是小提琴:

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; 
}

那么,上述问题是否有任何解决方案?

1 个答案:

答案 0 :(得分:0)

这是firefox中的一个错误,尚未解决:

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