usage for toggling? about lineclamp HOT 5 CLOSED

So far it's not public, but I might later release it as something like vue-lineclamp or something like that. Will share a link here when that happens!

from lineclamp.

From the order of the issues you opened, I'm guessing you attempted to implement the requested functionality by saving the clamped element's original markup/text and then listening for clamping events, saving the resulting markup and then restoring?

Are you able to achieve the desired outcome more easily now that the clamp events don't fire unless clamping actually occurs?

from lineclamp.

@tvanc thanks, I did managed to implement it now! The only issue now is that the algorithm is too good at clamping at the end of line, while I would like to leave space for the "show more" button. But I'll see if I could apply an adhoc mutation to fix that case.

from lineclamp.

el.addEventListener("lineclamp.clamp", () => {
  isClamped.value = true;
  el.textContent = el.textContent?.slice(0, -20) + "... ";
});

Not flawless, but it seems like it does the job! I was afraid that I'd be continously losing the text on toggling but it's not the case.

from lineclamp.

Excellent! I'm glad to hear it. If your use of my lib is public I wouldn't mind seeing it?

from lineclamp.