Text.rich textScaleFactor scales twice as much

[nt4f04uNd]

textScaleFactor property comes from MediaQuery, when users change system font scaling in their OS.

When using a Text.rich with WidgetSpan with StyledText as a child, the textScaleFactor scales the text twice as much, unless we explicitly specify textScaleFactor = 1.0 on either of them

textScaleFactor=1.0

textScaleFactor=1.3

Code sample

                const Text.rich(
                  WidgetSpan(
                    child: StyledText(
                      textScaleFactor: 1.0,
                      text: 'Test: some <b>bold</b> text.',
                      tags: {
                        'b': StyledTextTag(
                          style: TextStyle(fontWeight: FontWeight.bold),
                        ),
                      },
                    ),
                  ),
                ),

                const Text.rich(
                  WidgetSpan(
                    child: StyledText(
                      text: 'Test: some <b>bold</b> text. (double scaling!)',
                      tags: {
                        'b': StyledTextTag(
                          style: TextStyle(fontWeight: FontWeight.bold),
                        ),
                      },
                    ),
                  ),
                ),

[andyduke]

Does this issue occur in version 8.1.0 or 9.0.0-beta-4?

[andyduke]

This is a problem on the Flutter side. It appears with nested RichText (StyledText uses RichText inside), see #126962.

I can advise not to use StyledText inside WidgetSpan, but to lay out everything using StyledText.