JSFiddle - React, Tailwind, and code Playground

by Isaac Nygaard

HTML

Edit text in this box:
<div contenteditable="true">container inline box <strong>child inline box</strong> container inline box</div>

CSS

div {
  width: 200px;
  border: 1px solid black;
  padding: 5px;
}

JavaScript

const ro1 = new ResizeObserver(entries => { console.log("parent resized"); });
const ro2 = new ResizeObserver(entries => { console.log("child resized"); });
ro1.observe(document.querySelector('div'));
ro2.observe(document.querySelector('strong'));