Description

I noticed that, when using rgba(255, 255, 255, ${127/256}) as the background color of a view that just has dimensions and background color, the view is being flattened by Fabric and not mounted on the host platform.

In this image, the black rectangle in the middle of the gradient is the one using that color:

Steps to reproduce

Render a view using that color:

return (
  <View style={{
    backgroundColor: `rgba(255, 255, 255, ${127/256})`,
    width: 50,
    height: 50,
  }} />
)

React Native Version

All

Affected Platforms

Runtime - Desktop, Runtime - iOS, Runtime - Android

Output of npx @react-native-community/cli info

N/A

Stacktrace or Logs

N/A

MANDATORY Reproducer

N/A

Screenshots and Videos

Already attached