Skip to content

useOverflowDetection 溢出检测

通过 ResizeObserver 监听元素尺寸变化,检测内容是否超出容器宽度。FxEllipsis 组件即基于此 hook。

参数

ts
const { isOverflow } = useOverflowDetection(elRef: Ref<HTMLElement | null>)

返回值

属性类型说明
isOverflowRef<boolean>内容是否溢出容器宽度

示例

溢出检测演示
这是一段超出宽度的文本

窄容器溢出:false

短文本

宽容器溢出:false