This might not be trivial to fix, but would improve UX.
So step 1 is to just investigate if a fix is possible, or a headache.
Right now the interactive area of the resizable box in the overlay ends at the component's bounds.
This is unideal and makes resizing fiddly.
This has a side effect of making the hover state of a parent component too easily triggered — the parent hover is not cleared until the mouse moves all the way back inside the component beyond the inner edge of the resizable.
This might not be trivial to fix, but would improve UX.
So step 1 is to just investigate if a fix is possible, or a headache.
Right now the interactive area of the resizable box in the overlay ends at the component's bounds.
This is unideal and makes resizing fiddly.
This has a side effect of making the hover state of a parent component too easily triggered — the parent hover is not cleared until the mouse moves all the way back inside the component beyond the inner edge of the resizable.