CODEWITHSUNDEEP
htmlcssfirefox
Scriptkiddy1337
Scriptkiddy1337

Reputation: 791

span contenteditable Firefox 93

I'm using the contenteditable attribute as Inputfield for a span and for ussual it worked fine, but now I've the Problem, if I select more than 1 Line in Firefox 93 and try to replace them with another Text, it doesn't works, in Chrome/Safari and even Firefox 92 it works fine. It seems to work only for each single line now.

Could it be a bug, or i'm using it wrong?

var spanContent = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`;
window.addEventListener('load', function () {
    var span = document.getElementById('myEditable');
    span.innerText = spanContent;
    var range = new Range();
    range.setStart(span, 2);
    range.setEnd(span, 5);
    document.getSelection().addRange(range);
});
<span contenteditable="true" id="myEditable"></span>

Upvotes: 1

Views: 87

Answers (1)

gsim
gsim

Reputation: 128

I can reproduce this behavior on Firefox 94.0.1 and it is causing problems in our application. Looks like a regression bug in Firefox. I have filed a bug on bugzilla, hope they find it relevant:

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

I have used a simpler version of your snippet (browse SO on firefox to reproduce the bug):

<html>
  <span contenteditable="true">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <br>
    At vero eos et accusam et justo duo dolores et ea rebum.<br>
    Stet clita kasd gubergren,
    no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
    consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br>
    At vero eos et accusam et justo duo dolores et ea rebum.<br>
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  </span>
</html>

Upvotes: 1

Related Questions