How to simulate _moz_resizing in Chrome or Edge?
<p>So I want to image-resize client side, just like this, but not only in Firefox.  </p>

<p><a href="https://i.stack.imgur.com/8UV2b.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8UV2b.gif" alt="StackOverflow logo image resizing"></a></p>

<p>Notice that the element generated in Firefox, has the attribute <code>_moz_resizing = "true"</code>.  </p>

<p><a href="https://i.stack.imgur.com/w0Ki3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w0Ki3.png" alt="code generated in Firefox"></a></p>

<p>The code is as simple as the following.
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>document.querySelector('p').contentEditable = true;</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;
  &lt;img src='http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png' alt='stackoverflow icon'&gt;
&lt;/p&gt;</code></pre>
</div>
</div>
</p>

<p><strong>Is there any way to do this for Chrome and Edge too?.</strong> I you are going to provide a solution in JavaScript, I would like better if it's vanilla.js than jQuery. Thank you in advance.</p>