Коротка відповідь
middleResizeObserver спрацьовує під час фазі рендеру, коли DOM вже оновлено, але ще не відтворено на екрані. Тому сповіщення приходять до paint‑у, а не після нього.
Повне пояснення
ResizeObserver виконує callback у момент, коли розміри елемента змінюються в DOM‑tree. Це відбувається після того, як браузер завершив розрахунок стилів і layout‑у, але до фазі paint. Тому колбек отримує новий розмір ще до того, як елемент буде відображений. Це корисно для підготовки UI (наприклад, оновлення внутрішніх розмірів або позицій) до того, як користувач побачить зміни. Якщо потрібна реакція після paint, треба використовувати requestAnimationFrame або setTimeout(…,0) після колбеку ResizeObserver.