bug(cdk/overlay): scroll blocking overlay persists when documentElement shrinks to the point it is not needed

### Description

This came up for an app that had a button to launch a full screen dialog. When you click the button it essentially hides the main app and launches the dialog. However, at the time the dialog launches, the content is still showing so it calculates the height based on documentElement here (https://github.com/angular/components/blob/main/src/cdk/overlay/scroll/block-scroll-strategy.ts#L111) and determines the scroll blocking class is needed. The main content then disappears making the blocking class unnecessary, but it never updates after the initial calculation. This results in a disabled scrollbar being shown in the app.

As a workaround, apps in this situation should ensure that they remove content they want to hide & wait for that change to be rendered in the DOM before launching the dialog.

Bắt đầu trong src/cdk/overlay/scroll/block-scroll-strategy.ts, khoảng dòng 111, nơi kích thước của documentElement được dùng để quyết định có cần chặn thao tác cuộn hay không. Tái hiện chuỗi thao tác bằng cách mở một hộp thoại toàn màn hình khi nội dung chính vẫn còn hiện diện, sau đó ẩn nội dung đó. Được xem là hoàn tất khi trạng thái chặn không cần thiết không còn bị giữ lại và thanh cuộn bị vô hiệu hóa không được hiển thị.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.