Flutter_html: Right overflow on some devices

Created on 22 Jun 2020 · 5Comments · Source: Sub6Resources/flutter_html

There's a right overflow on some devices. Everything is fine on the emulator. This is on my Samsung Galaxy Note 8 running Android 10.

Screenshot_20200622-172639

Source

Seedorf161

Most helpful comment

If ignoring accessibility is not a problem you can try a workaround like:

`MediaQuery(

    data: MediaQuery.of(context).copyWith(textScaleFactor: 1),
    child: Html(
      data: someHtmlText,
      shrinkWrap: true,
      style: {"body": Style(
        fontSize: FontSize(18,),
        color: someColor,
        textAlign: TextAlign.center,
      )},
    ),
  )

luis901101 on 9 Jul 2020

👍8

All 5 comments

See #308 and fix #333 - this is (mostly) due to a bug in Flutter.

erickok on 23 Jun 2020

I've also created a branch with a solution to it. Mostly the same as @edwardaux solution to #333 but with the ability to define textScaleFactor for the whole HTML widget.

lukeurban on 24 Jun 2020

If ignoring accessibility is not a problem you can try a workaround like:

`MediaQuery(

    data: MediaQuery.of(context).copyWith(textScaleFactor: 1),
    child: Html(
      data: someHtmlText,
      shrinkWrap: true,
      style: {"body": Style(
        fontSize: FontSize(18,),
        color: someColor,
        textAlign: TextAlign.center,
      )},
    ),
  )

luis901101 on 9 Jul 2020

👍8