как сделать этот div не изменяемым размером и перетаскиваемым в firefox, используя contenteditable = true

Question

это мой код:

<div contenteditable=true style="position:absolute;top:300px;width:200px;height:300px;background:red;color:black;">
        ddwwwwwwwwwwwwwwwwwwwww
</div>

Я использую contenteditable=true, чтобы сделать div редактируемым, но он также может изменять размер и перетаскивать в Firefox,

так, как сделать так, чтобы оно не изменяло размер и не перетаскивалось

спасибо

Answer 1

Поместите contenteditable div внутри другого, который имеет желаемое позиционирование:

<div style="position:absolute;top:300px;width:200px;height:300px;background:red;color:black;">
    <div contenteditable=true>
        ddwwwwwwwwwwwwwwwwwwwww
    </div>
</div>