[IOS] Text transform capitalize doesn't have the same behavior than on web

[pierrezimmermannbam]

Description

When using css property textTransform: capitalize on ios, if the text has a word which starts with a character that cannot be upper cased, it will uppercase the next character that can.

For instance, the displayed text when using capitalize on the following text ven 1er déc will be Ven 1Er Déc when we'd expect Ven 1er Déc

Version

0.65.0

Output of react-native info

System:
OS: macOS 10.15.7
CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
Memory: 373.45 MB / 16.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 16.7.0 - /var/folders/5k/5gdhqr3j1ns9bw3svh0qp0br0000gn/T/yarn--1638443023216-0.32496224876558455/node
Yarn: 1.22.11 - /var/folders/5k/5gdhqr3j1ns9bw3svh0qp0br0000gn/T/yarn--1638443023216-0.32496224876558455/yarn
npm: 2.15.12 - ~/pump/node_modules/.bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.10.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 14.4, DriverKit 20.2, macOS 11.1, tvOS 14.3, watchOS 7.2
Android SDK:
API Levels: 28, 29, 30
Build Tools: 28.0.3, 29.0.2, 30.0.2, 30.0.3
System Images: android-29 | Automotive with Play Store Intel x86 Atom, android-29 | Android TV Intel x86 Atom, android-29 | Intel x86 Atom, android-29 | Intel x86 Atom_64, android-29 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom_64, android-29 | Google Play Intel x86 Atom, android-29 | Google Play Intel x86 Atom_64, android-30 | Google APIs Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 4.1 AI-201.8743.12.41.7042882
Xcode: 12.4/12D4e - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_282 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: Not Found
react-native: Not Found
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

• Create a component using react native Text with the text ven 1er déc
• Add a style with textTransform: capitalize
• Check the displayed text

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

import React from 'react';
import { Text, StyleSheet } from 'react-native';

const Component = () => <Text style={styles.text}>vend 1er dec</Text>;

const styles = StyleSheet.create({
  text: { textTransform: 'capitalize' },
});

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions]

This issue was closed because it has been stalled for 7 days with no activity.