This is a bug in firefox, which has not been resolved yet :
Scale on content editable div in Firefox
-
12-07-2023 - |
Pergunta
In Firefox using scale transform causes the cursor to stop blinking, or hides it or makes it point to the wrong character.
Here is the fiddle:
<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;
}
So, is there any solution to above problem?
Solução
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow