Timeline: details do not always appear with height to "auto"

Webix JS
#1

Hello,

I’m experiencing an issue with the height of the timeline. When I set the height to “auto,” sometimes details do not appear.

You can find an example here: https://snippet.webix.com/ezvpbfp8

I’m having trouble understanding how it works: for IDs 1 and 2, it works perfectly. For ID 3, with details “by Malcolm Merlyn,” it also works, but for ID 4, “by Malcolm M,” details do not appear.

Additionally, for IDs 7 and 8, the details text is the same with one exception: the upper or lower case for the first letter. It appears in one case and not in the other.

Does anyone have a solution for this issue?

Thank you.

#2

Hello @Corentin-Mrtn,

I can confirm the problem. We will notify you when the bug is fixed.

In the meantime, we can suggest that you increase fixed height and/or add a tooltip property to display all the trimmed text.

For the text details (.webix_timeline_details selector) you can add CSS-style text-overflow: ellipsis.

Please, check out the snippet with the example: Code Snippet

1 Like