Skip to content

InlineSpans in RichText overlaps in rtl application in flutter web on mobile browser #82136

@mahdidahouei

Description

@mahdidahouei

I have a RichText containing three children. the first and last inlineSpans are TextSpan, The Second one is WidgetSpan.
they are correctly laid out in the android application:

android output (correct)

Screenshot_20210509-055227

but when I build web application in flutter stable channel, RichText goes like this:

web output (stable channel - wrong)

Screenshot_20210509-055204_Chrome

I also tried building web application in flutter beta and dev channels and they both were like this:

web output (beta and dev channels - wronge)

Screenshot_20210509-054148_Chrome

in flutter beta and dev channels there was also another issue that the border color of selected TextFields becomes blue which must be application primaryColor:

  • android and web text field in stable channel(the correct one):
    Screenshot_20210509-055213_Chrome

  • web text field in beta and dev channels (wronge one):
    Screenshot_20210509-054156_Chrome

I didn't have these problems in the old version of flutter beta channel (before flutter web was merged to stable channel)
I think this issues must be solved in the flutter framework itself!

Metadata

Metadata

Assignees

No one assigned

    Labels

    P1High-priority issues at the top of the work lista: qualityA truly polished experiencea: typographyText rendering, possibly libtxte: web_htmlHTML rendering backend for Webfound in release: 2.0Found to occur in 2.0has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyr: fixedIssue is closed as already fixed in a newer version

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions