Skip to content

Text Style Properties Handled in TextShadowNode Do Not Get Updates Unless App is Reloaded #8411

@chiaramooney

Description

@chiaramooney

Environment

Run the following in your terminal and copy the results here.

  1. npx react-native --version: 5.0.1
  2. npx react-native info:

System:
OS: Windows 10 10.0.19042
CPU: (8) x64 Intel(R) Core(TM) i7-9700K CPU @ 3.60GHz
Memory: 50.83 GB / 63.84 GB
Binaries:
Node: 14.16.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 6.14.11 - C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels: 28, 29, 30
Build Tools: 28.0.3, 29.0.2, 29.0.3, 30.0.3
System Images: android-29 | Intel x86 Atom_64, android-29 | Google Play Intel x86 Atom, android-30 | Google APIs Intel x86 Atom
Android NDK: Not Found
Windows SDK:
AllowDevelopmentWithoutDevLicense: Enabled
AllowAllTrustedApps: Enabled
Versions: 10.0.18362.0, 10.0.19041.0
IDEs:
Android Studio: Version 4.1.0.0 AI-201.8743.12.41.7199119
Visual Studio: 16.9.31328.270 (Visual Studio Enterprise 2019)
Languages:
Java: 1.8.0_282 - C:\Program Files\OpenJDK\openjdk-8u282-b08\bin\javac.EXE
npmPackages:
@react-native-community/cli: Not Found
react: 17.0.1 => 17.0.1
react-native: 0.64.1 => 0.64.1
react-native-windows: ^0.64.0-0 => 0.64.14
npmGlobalPackages:
react-native: Not Found

  • Target Platform Version(s): 10 10.0.19042

  • Target Device(s): Desktop

  • Visual Studio Version: 2019

  • Build Configuration: Debug

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. Create an RNW application and run.
  2. Render a Text component.
  3. Add textTransform styling to Text component and save source code.
  4. Observe that textTransform styling does not appear via fast reload.
  5. Reload app.
  6. Observe textTransform styling now appears.

Expected Results

textTransform and backgroundColor styling should appear automatically in app upon javascript source code change.

Linked to #8395
#8408 may solve for backgroundColor prop.

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

textShadowScreenshot.mp4

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions