Keyboard on iOS 18 changes from uppercase to lowercase when changing the text input field
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- C++
- Star
- 127k
- Fork
- 25.3k
- Merge trung bình
- 1 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 4
Mô tả
Description
I encountered an issue where the keyboard changes from uppercase to lowercase when switching focus between two TextInput fields. Specifically, when focusing from Text Input Field A to Text Input Field B, and then back from Text Input Field B to Text Input Field A, the keyboard behavior unexpectedly switches between uppercase and lowercase.
This issue occurs on iOS 18.
Steps to reproduce
- Add two TextInput fields.
- Focus on TextInput 1 and input some text (e.g., "T").
- Focus on TextInput 2 and input some text (e.g., "B").
- Focus back on TextInput 1.
- Focus back on TextInput 2.
- Observe that the keyboard switches from uppercase to lowercase and the first letter of the text remains uppercase.
<View style={styles.mb4}>
<TextInput
accessibilityLabel="Text input field"
style={{
width: 100,
height: 40, // Added height for the input box
borderWidth: 1, // Corrected border style
backgroundColor: 'red', // Corrected background color property
}}
/>
</View>
<View>
<TextInput
accessibilityLabel="Text input field"
style={{
width: 100,
height: 40, // Added height for the input box
borderWidth: 1, // Corrected border style
backgroundColor: 'red', // Corrected background color property
}}
/>
</View>
https://github.com/user-attachments/assets/515136b9-bbd8-45a5-9112-db6cbce6d148
React Native Version
0.76.3
Affected Platforms
Runtime - iOS
Output of npx react-native info
System:
OS: macOS 15.0
CPU: (11) arm64 Apple M3 Pro
Memory: 244.06 MB / 18.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 20.15.1
path: ~/.nvm/versions/node/v20.15.1/bin/node
Yarn: Not Found
npm:
version: 10.7.0
path: ~/.nvm/versions/node/v20.15.1/bin/npm
Watchman:
version: 2024.09.23.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods: Not Found
SDKs:
iOS SDK:
Platforms:
- DriverKit 24.0
- iOS 18.0
- macOS 15.0
- tvOS 18.0
- visionOS 2.0
- watchOS 11.0
Android SDK:
API Levels:
- "31"
- "33"
- "34"
Build Tools:
- 34.0.0
- 35.0.0
System Images:
- android-34-ext12 | Google Play ARM 64 v8a
- android-34 | Intel x86_64 Atom
- android-34 | Google APIs ARM 64 v8a
- android-34 | Google APIs Intel x86_64 Atom
- android-35 | Google Play ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2024.1 AI-241.19072.14.2412.12360217
Xcode:
version: 16.0/16A242d
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.12
path: /usr/bin/javac
Ruby:
version: 3.3.4
path: /Users/lehuu/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli":
installed: 15.0.1
wanted: 15.0.1
react:
installed: 18.3.1
wanted: 18.3.1
react-native:
installed: 0.76.3
wanted: 0.76.3
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: true
Stacktrace or Logs
N/A
Reproducer
https://snack.expo.dev/pT5crg9nC5joocIBBOZGo
Screenshots and Videos
https://github.com/user-attachments/assets/847035b3-39e6-4da6-9bb8-e110302533ba
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu với trình tái hiện Snack được liên kết trên iOS 18 bằng React Native 0.76.3, theo trình tự focus của hai TextInput được mô tả trong issue. Không có tệp mã nguồn hoặc test nào được nêu; hãy xác nhận sự chuyển đổi giữa chữ hoa và chữ thường, đồng thời xác định hoàn tất là khi bàn phím hoạt động nhất quán lúc chuyển đổi giữa các trường.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- ios, react-native
- Lĩnh vực
- mobile-dev
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 25/100