content-visibility allows browsers to isolate certain pieces of the DOM and layout/render them in isolation. This can allow a browser to skip processing DOM elements outside the viewport and improve rendering time for large pages. The challenge here is that requires defining some meaningful height value, and I don't know how to do that intelligently. It seems possible to correct this value at runtime, so it's possible we only need a rough estimate to make scrollbars approximately accurate. More investigation is needed.
content-visibilityallows browsers to isolate certain pieces of the DOM and layout/render them in isolation. This can allow a browser to skip processing DOM elements outside the viewport and improve rendering time for large pages. The challenge here is that requires defining some meaningful height value, and I don't know how to do that intelligently. It seems possible to correct this value at runtime, so it's possible we only need a rough estimate to make scrollbars approximately accurate. More investigation is needed.https://web.dev/content-visibility/ https://infrequently.org/2020/12/content-visibility-scroll-fix/ https://infrequently.org/2020/12/resize-resilient-deferred-rendering/