span contenteditable Firefox 93

user_4721463 0
Viewed 63

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>

firefox css html
1 Answers

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>

user_36764680
Related