maxLines parameter TextStyle is not working as intended.

[sandeepcmsm]

if i pass maxLines parameter in defaultTextStyle , It is being applied into paragraph tags in html elements not for the whole data we pass. Is there any workaround for this?

[Sub6Resources]

Are you trying to limit the whole html document to maxLines?

[sandeepcmsm]

Yes. Is there better work around for this ?

[Sub6Resources]

Not really, the defaultTextStyle applies to each text node individually, so the entire html document is hard to limit. What do you want the html document to do if it exceeds maxLines?

[sandeepcmsm]

my usecase to have ellipsis at the end after document exceeds maxLines.

[Sub6Resources]

Yes, I see how that could be useful. I'll look into adding that as a feature.

[PalaniArunagiri]

Hi @Sub6Resources,
Our mobile app data are coming from CMS so obviously, there will be basic HTML tags like p, superscript, subscript tags which has to display in Flutter Text widget. But, right now Flutter is not providing the option to do it. We are happy to use your library to solve this problem. Right now, the problem is we are not able to set max lines and ellipses. Can you help us to solve this problem?. Our most of the texts will have superscript and subscript tags.

Thank you!
Palani Arunagiri

[dariotrombello]

Same here

[Sub6Resources]

@PalaniArunagiri and @dariotrombello I'm currently in school full time and working part time as well so I don't have much time to work on this. Unfortunately, the widget doesn't have any sort of concept of the number of lines at the moment, so this isn't an easy fix. I've increased the priority of this feature request and added a "help wanted" label to attract attention to this issue for potential collaborators. If anybody has more time than I do and wants to take a shot at it, that would be awesome.

[krishnakumarcn]

Any updates on this feature?

[erickok]

I am not sure if we can support max-lines in any meaningful way, really. For a simple single piece of text this seems intuitive, but what does max-lines mean in the context of html tables, image, summary/details, lists... Wouldn't you rather have a max height?

[tneotia]

#596 has been merged, this brings basic support for maxlines on text nodes. You can use the style parameter to set maxLines for your desired HTML selector, e.g.:

Html(
   data: '<p>This is a really very extremely loooooong text that is going to be limited to two lines and have ellipsis at the end of the second line. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>'
   style: {
      'p': Style(maxLines: 2, textOverflow: TextOverflow.ellipsis)
   }
)

[berhili098]

any news about the readmore feature with html widget