react-clamp-lines

react-clamp-lines copied to clipboard

Clamping doesn't work with the `word-break: break-all;` CSS property

2

Hello, first of all, thanks for the great library! I discovered a bug when the `word-break: break-all;` causes the component to not work properly: ![Screen Shot 2020-12-07 at 4 38...

AlexLomm

aria-hidden="true" even when buttons are hidden

2

I am trying to understand the reasoning behind why 'aria-hidden' is set to 'true' at all, as screen readers need to read what's inside the clamp regardless of it being...

vuice

Can you add aria-label for accessibility ?

zaherkassem

I happened upon a use case where I needed to define how many characters are to be removed from the last line for the ellipsis (for adding an inline 'see...

SektorDV

HTML text rendering

1

Hi there - I need to render text with basic HTML markups (H, b, i, maybe a href) and I wanted to ask what's your perspective of expanding the "text"...

Boris-Scharinger

clamping doesnt respect newlines

1

STR: * Add text with newlines, eg: ``` const text = '1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n 1\n ' ``` *...

doug31415

Not measuring line height again when the window has resived

1

Many code bases change font size depending on what breakpoints are hit in their application. When clamping text on a window resize you should remeasure the line height of the...

LeeCheneler

Move the "more" button right after the ellipsis

1

Is there a way to move the "more" button to right after the ellipsis instead of a new line under? Current: Expected: "+More" to be right after the "..." on...

emao

Clamping doesn't work if the ClampLines element is inside a RelativePortal

1

https://codesandbox.io/embed/clamplines-weirdness-relativeportal-yo87m Basically, the [`react-relative-portal` package](https://www.npmjs.com/package/react-relative-portal) creates a new element at the exact position it would be at normally but the element is moved straight to the `body`. This causes issues...

Flixbox

Hey, I found an issue that happens when component unmounts on resize. The resize event triggers first which calls to the debounced callback (`action` method in the component). Because the...

taras42