react-native-windows icon indicating copy to clipboard operation
react-native-windows copied to clipboard

Right-to-left Text example incorrectly displayed on Fabric app

Open Yajur-Grover opened this issue 1 year ago • 3 comments
trafficstars

On the Text example page in the testFabric Gallery app, the right-to-left text example is displaying as left-to-right as shown below:

Current Paper Gallery: image

Fabric Gallery app: image

Labeled as enhancement as it looks like a feature that we will likely add in the future.

Yajur-Grover avatar Feb 08 '24 23:02 Yajur-Grover

@Yajur-Grover can you add a note of which specific prop is being set? This is happening due to prop on the control and not region setting. We need both to work.

chrisglein avatar Feb 12 '24 18:02 chrisglein

Looks like the writingDirection prop is being set to: writingDirection: 'rtl' in the Right-to-left example. Code sample from example page is this:

        <Text
          style={{
            textTransform: 'uppercase',
            backgroundColor: colors.border,
            writingDirection: 'rtl',
          }}>
          Here is a line of capitalized text with Right-to-Left writing
          direction and background color.
        </Text>

Yajur-Grover avatar Feb 13 '24 00:02 Yajur-Grover

@Yajur-Grover is this a dupe of #13114?

danielayala94 avatar Jun 25 '24 18:06 danielayala94