Dynamic Height
Synchronizes the height of the target in a window scroll-based layout to match the viewport and content height.
Role
FlexLayoutDynamicHeightis designed for dynamic content where height is not specified. The target element's heightand minHeightSynchronize to match the actual content height and the minimum height based on the viewport, helping to ensure the browser's window scroll height is calculated reliably.
body height synchronization
In this case, targetRefif not provided, the parent element of the anchor will be bodythe target.
Specific target synchronization
targetRefIf provided, it synchronizes the height of that element instead of the parent. This can be used for elements where the scroll height needs to be stabilized in dynamic height content that does not have a specified height (auto), such as shell, portal root, or separate document areas.
Measurement method
Temporarily release the height of the target during measurement, autoand calculate the next scrollHeight, reflecting the viewport height, padding, border, and the bottom margin of the last child.heightand minHeightRe-measure on DOM changes, resize, visualViewport resize/scroll, and font loading completion.
heightand minHeightof the target element. If there is already code controlling the same style directly, do not apply it simultaneously to the same target.props
extraHeight
계산된 height에 추가로 더할 값입니다. 기본값은 0입니다.
extraHeightUnit
extraHeight의 단위입니다. px 또는 %를 사용할 수 있으며 기본값은 px입니다.
targetRef
height/minHeight를 동기화할 target element ref입니다. 생략하면 anchor의 parent element를 사용합니다.