chenquincy / react-ellipsis Goto Github PK

Hi, thank you for this great library.

When integrating react-ellipsis with a Nextjs project, I see this issue in the server log:

Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https://reactjs.org/link/uselayouteffect-ssr for common fixes.

Could you fix it using something like useisomorphiclayouteffect. Thank you.

我有一些定制的需求需要调整 Ellipsis Node 的位置，这个必须在完成 ellipsis 运算之后才能做

1，直接在手机浏览器中测试，切换ellipsis时，先展示ellipsisNode，不展示其他文字。（pc上Chrome是好的，没有这种现象）
如图：

antd的select里使用要把display：-webkit-box给disabled掉才能截断，不知道什么原因

Set ellipsis to false then true and resize the frame.

https://codesandbox.io/s/ancient-darkness-c9xfc?file=/src/App.tsx

https://codesandbox.io/s/ancient-darkness-c9xfc?file=/src/App.tsx:0-609

Justineo/vue-clamp#4 (comment)

在我的项目初始化时，由于一些特殊的操作，document.body会为null。

If text property is a string that is less than maxLine, the ellipsisNode still shows. The maxLine prop should be static in my useCase but the text is dynamic.
Image attached

<Ellipsis
      text='My short text'
      ellipsis={ellipsisState}
      maxLine={3}
      reflowOnResize
      onEllipsisClick={toggleReadMore}
      ellipsisNode={<strong> ...{ellipsisState ? t('readMore') : t('readLess')}</strong>}
      endExcludes={[' ', ',', '.']}
/>

https://react-ellipsis.quincychen.cn/zh/start

😂

类似

这种效果

可支持IE吗

产品提了个需求，要求超过 5 行折叠成 3 行，这个好弄么

这个效果能实现吗？不管几行查看更多永远在右边（多行右下角）