Text is outside its background

[arnirichard]

Describe the bug
When using Thai characters, sometimes the text appears partly outside its background.
Tested both on Android and web

Is there any workaround?

To Reproduce
Steps to reproduce the behavior:

1. Add text
   RoundedBackgroundText('ที่', style: TextStyle(fontFamily: 'Sarabun', fontSize: 26), backgroundColor: Colors.amber)
2. Add font (fonts folder is attached)
   pubspec..yaml:
   ` fonts:
   • family: Sarabun
     fonts:
     • asset: fonts/Sarabun-Regular.ttf`

Expected behavior
Text should appear inside its background

Screenshots

Additional context
Fonts folder:
https://www.arnirichard.dk/fonts.zip

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel master, 3.1.0-0.0.pre.2268, on Microsoft Windows [Version 10.0.22000.856], locale en-GB)
[√] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[√] Chrome - develop for the web
[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.2.6)
[√] Android Studio (version 2021.2)
[√] Connected device (4 available)
[√] HTTP Host Availability

• No issues found!

[bdlukaa]

The same happens with Korean, Japanese, Chinese, Hebrew and Arabic alphabets. It seems flutter fails to correctly calculate the height of the line for those alphabets.

Related:

• Selection of any justified-text is inaccurate in non-latin languages flutter/flutter#39755
• The height of CupertinoTextField will reduce on editing when the placeholder is not in English flutter/flutter#30940

By reading some threads, it may be related to the specific font used

[bdlukaa]

This issue seems to have been fixed by the flutter team:

thai:

korean:

japanese: