TextOverflow.ellipsis for Appointment widget for Calendar shows weird characters instead of ...

Question

I have a calendar and I add an appointment to it.

The appointment is using a Text widget which contains a long text. I set overflow: TextOverflow.ellipsis but the text renders with 2 rectangle characters at the end instead of an ellipsis ... Maybe you are using a character set that does not contain the ellipsis character? Can you fix this or is there a workaround?

Indumathi Ravichandran · Answer

Hi Nicolae, 
 
Regarding Query: TextOverflow.ellipsis for Appointment widget for Calendar shows weird characters instead of ... 
 
Based on the shared information, we have checked the mentioned issue “TextOverflow.ellipsis for Appointment widget not showing dots (….) properly in Flutter Calendar”. We have prepared the simple sample with appointment builder with text overflow value as ellipsis and it was working fine as expected. Please find the sample from the following link. 
 
Sample link: 
https://www.syncfusion.com/downloads/support/forum/173081/ze/flutter_appointmentbuilder_(2)-1073969296.zip 
 
Screenshot: 
 
  
 
We hope that this helps you. Please let us know if you need further assistance. 
 
Regards, 
Indumathi R

Nicolae · Answer

Thanks for the reply. I forgot to mention that the issue that I am seeing is on Flutter Web. The ellipsis shows correctly on mobile but not on web.

I've attached an archive with a screenshot. Please reproduce this with Flutter Web.

Ps: I am not allowed to add .png files to this message. That is why I zipped it.

Attachment: Screenshot_20220222_at_10.42.30_551136d4.zip

Indumathi Ravichandran · Answer

Hi Nicoale, 
 
We have checked the mentioned unwanted character issue when using appointment builder (TextOverflow.ellipsis) with below browsers, but we are unable to reproduce it from our end. 
 
·       Google chrome 
·       Microsoft Edge 
·       Mozilla firefox  
 
We have attached the tested images for the same. Please find the images from the following link. 
 
Link: https://www.syncfusion.com/downloads/support/forum/173081/ze/Images372872792.zip   
 
If possible, can you please share below details about this issue? It would be helpful for us to analyze and provide you a solution at the earliest. 
 
·       Browser details 
·       Code snippet 
 
Regards, 
Indumathi R

Nicolae · Answer

Hi. You are right. It's not an issue with your package. The problem is with the font that I am using. The font does not have ellipsis so that is why the UI contains those rectangles.