Skip to content

[BUG] Arabic add background color render exception #1455

@GitGitChen

Description

@GitGitChen

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingrtl-textIssues with text rendered in rtl modetext-styling

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions