flutter_html icon indicating copy to clipboard operation
flutter_html copied to clipboard

[BUG] Arabic add background color render exception

Open GitGitChen opened this issue 1 year ago • 1 comments

I have string in html like this

<p style="text-align: right;">فخامة الأمير</p><p style="text-align: right;"><span style="background-color: rgb(191, 191, 191);">السلام عليكم ورحمة الله وبركاته</span></p><p style="text-align: right;"><span style="background-color: rgb(191, 191, 191);">سوف تجرى صيانة من أجل تحسين وتنظيم عمل السيرفرات، وقت الصيانة كما يلي: </span></p><p style="text-align: right;">من<span style="color: rgb(255, 0, 0);"> 2024-11-25 5:00:00</span> إلى <span style="color: rgb(255, 0, 0);">2024-11-25 5:30:00</span> بتوقيت السعودية.</p><p style="text-align: right;">شكرا على تفهمكم وتعاونكم</p>

Rendering on Google Chrome looks like this. WX20241225-181415

Rendering in flutter_html looks like this,The background color is uneven WX20241225-181048

GitGitChen avatar Dec 25 '24 10:12 GitGitChen

This is likely related to libtxt (upstream) (see here). A workaround is to use a custom font. Any Arabic font would suffice.

OsamaAbbas avatar May 22 '25 06:05 OsamaAbbas