Fabric app doesn't automatically refresh when Text size is changed on the system settings

[satkh]

Problem Description

Fabric app doesn't automatically refresh when Text size is changed on the system settings

Steps To Reproduce

AllowFontScaling_Fabric_Sample_NoChanges.mp4

Expected Results

App should auto update when system settings changes without the need for app to reload the JS.

CLI version

npx @react-native-community/cli -v

Environment

npx @react-native-community/cli info

Community Modules

No response

Target Platform Version

None

Target Device(s)

No response

Visual Studio Version

None

Build Configuration

None

Snack, code example, screenshot, or link to a repository

No response

[chiaramooney]

@YajurG will investigate behavior in Gallery to see if behavior is consistent.

[Yajur-Grover]

Did some testing within Fabric Gallery and the behaviour with this scenario is quite inconsistent:

• On some of the pages, the text scales correctly after adjusting the scale on some of the components, but it does not do so on others. For example, in the Button component, the headers of the first two examples would scale correctly but the other would not.
• Text in some of the components would initially not scale correctly with the slider adjusted, but once you interact with the component, the text would scale correctly. On the Button and Text example page, sometimes some of the components would initally have their size unchanged, but once I clicked on the button or around the text, the scale would change to the correct amount.
• The description at the top of the examples always adjusts with the scale slider without having to reenter the example page, or try and trigger some sort of re-render.
• Opening a different page and then coming back to the original page that was open when the slider was adjusted would result in the text components now being the correct size for all the examples I tested. Full screening the Gallery window would also result in the scale being applied to the text components correctly.
• Sometimes, some the text would scale correctly, but with a bit of a delay, but not sure what is causing the inconsistency here.

Looking at the Gallery repo, looks like this issue was present on the original Fabric Gallery as well: microsoft/react-native-gallery#485