microsoft
Fabric app doesn't automatically refresh when Text size is changed on the system settings
Problem Description
Fabric app doesn't automatically refresh when Text size is changed on the system settings
Steps To Reproduce
https://github.com/user-attachments/assets/6bd94249-67bd-40fc-9986-d91cee023100
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
@YajurG will investigate behavior in Gallery to see if behavior is consistent.
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: https://github.com/microsoft/react-native-gallery/issues/485
