Skip to content

[BUG] Render Arabic (RTL) Text with images not as expected #1212

Open
@M97Chahboun

Description

@M97Chahboun

Describe the bug:
When render Arabic text with images the render not correct

HTML to reproduce the issue:
Here Html code used :

<div class="ql-editor read-mode"><p class="ql-indent-3 ql-direction-rtl" style="text-align: right;">هذه معادلة&nbsp;<img src="https://erp.staging.jahezacademy.com/files/wzjo9rl.png" width="148">حيث أننا يمكننا حساب&nbsp;<img src="https://erp.staging.jahezacademy.com/files/GwD2iuN.png" width="78"> حيث <img src="https://erp.staging.jahezacademy.com/files/YmFCjBB.png" style="" width="32"></p><p class="ql-direction-rtl" style="text-align: right;">حيث <img src="https://erp.staging.jahezacademy.com/files/HbnxVz8.png" width="19"> = 3.14 و <img src="https://erp.staging.jahezacademy.com/files/SAK2aJF.png" width="17">= نصف القطر</p><p class="ql-direction-rtl" style="text-align: right;"><strong> مساحة الدائرة = ط × س = 3.14 ×س</strong></p></div>

Html widget configuration:
Html(data:src)

Expected behavior:
Screen Shot 2023-01-03 at 18 43 32

Screenshots:
Screen Shot 2023-01-03 at 18 42 44

Device details and Flutter/Dart/flutter_html versions:
Flutter 3.3.9 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b8f7f1f986 (6 weeks ago) • 2022-11-23 06:43:51 +0900
Engine • revision 8f2221fbef
Tools • Dart 2.18.5 • DevTools 2.15.0

html package version : 3.0.0-alpha.6

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingflutter-issuertl-textIssues with text rendered in rtl mode

Projects

Status

Todo

Relationships

None yet

Development

No branches or pull requests

Issue actions