Module in Ionic show only one letter

[LFTroya]

Describe the bug
I am trying to use this package in Ionic React but it only show the first letter of the paragraph

To Reproduce
This is the repo to see the issue https://github.com/LFTroya/expenses

[JohnGeorgiadis]

I have the same issue with an ionic-react app. I am able to reproduce it only on web though.

[gabycperezdias]

Any news on this? I am facing this on my project directly on Web and also on Jest env...

[patrik-piskay]

I am not familiar with Ionic framework but it seems it does not fully support certain DOM methods, like getBoundingClientRect which returns 0 for all elements, making it impossible to calculate whether the truncated sub-text fits into its container. Same for the line-height package that react-truncate-markup uses to calculate line heights. It returns 0 too.

[arvinrey]

@patrik-piskay I also experienced this, where it only shows one letter followed by the ellipsis. The scenario is that the container is displayed conditionally, so by default, it is hidden by css (display: none). When it becomes visible, the element to which I attached the react-truncate-markup is displaying something like 'C...' which is not correct.