bdlukaa / bdlukaa/rounded_background_text

[bug] Rendering issue with non-latin characters on Flutter Web

Open
#16 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
Dart
Stars
57
Forks
15
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
When using the highlight widget with a non-latin text, the highlight is misplaced. When the non-latin text is mixed with the Latin text, the highlight goes crazy to different points.

**Screenshots**
![image](https://github.com/bdlukaa/rounded_background_text/assets/45696119/f041ba85-77e1-4194-bc33-356494308e84)
![image](https://github.com/bdlukaa/rounded_background_text/assets/45696119/0e971b6f-dac9-4e5f-a124-ffb00478e7ef)
![image](https://github.com/bdlukaa/rounded_background_text/assets/45696119/65a6b92d-41bd-46b7-a21d-2d9023bf2ab7)

**Additional context**
This happens with Hebrew, Korean, Japanese, Chinese, Thai, Arabic. With the Cyrillic alphabet, it works as fine as the Latin alphabet.

This only happens with the canvas-kit renderer. The html renderer works fine.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the highlight widget on Flutter Web with the canvas-kit renderer using Hebrew, Korean, Japanese, Chinese, Thai, and Arabic, then compare the result with the HTML renderer and Latin or Cyrillic text. Trace the widget's text layout and rendering path; done means highlights remain correctly positioned for mixed and non-Latin text without regressing the working cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.