You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
During development on Kolibri, I ran into an issue where text passed to KTextTruncator (which was a long URL) resulted in a strange changes to the total width of the KTextTruncator's output.
The fix here was to set the break-word CSS property to anywhere for this particular case.
The /deep/ styles can be brittle if KTextTruncator changes, so it'd be ideal if KTextTruncator had a prop providing a way to pass custom styles.
Outcomes
There is a way to avoid using /deep/ styles to affect KTextTruncator
An issue is created in the Kolibri repo to leverage the changes made to close this PR in the aforelinked commit.
The text was updated successfully, but these errors were encountered:
Desired behavior
During development on Kolibri, I ran into an issue where text passed to KTextTruncator (which was a long URL) resulted in a strange changes to the total width of the KTextTruncator's output.
The fix here was to set the
break-word
CSS property toanywhere
for this particular case.The /deep/ styles can be brittle if KTextTruncator changes, so it'd be ideal if KTextTruncator had a prop providing a way to pass custom styles.
Outcomes
/deep/
styles to affect KTextTruncatorThe text was updated successfully, but these errors were encountered: