-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[RNMobile] Ensure text input field is not editable when Bottom sheet cell is disabled #51567
[RNMobile] Ensure text input field is not editable when Bottom sheet cell is disabled #51567
Conversation
Size Change: 0 B Total Size: 1.4 MB ℹ️ View Unchanged
|
Flaky tests detected in 46d0404. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/5288231132
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Verified the updated UI in both Android and iOS. Thanks for the work @fluiddot! 👏 🎉
* Release script: Update react-native-editor version to 1.97.0 * Release script: Update with changes from 'npm run core preios' * Update CHANGELOG.md * Update CHANGELOG.md * Update CHANGELOG.md Fix white space * Release script: Update react-native-editor version to 1.97.1 * Release script: Update with changes from 'npm run core preios' * [RNMobile] Fix crash when using the delete key to remove a single button (#51435) * Fix crash when using the delete key to remove a single button * Add onDeleteBlock prop to block.native.js * Update button edit.native.js snapshots * Update button delete test to focus button input * Update button test to use triggerBlockListLayout * [RNMobile] Ensure text input field is not editable when Bottom sheet cell is disabled (#51567) * Update `react-native-editor` changelog --------- Co-authored-by: jhnstn <jhnstn@pm.me> Co-authored-by: Jason Johnston <jhnstn@users.noreply.github.com> Co-authored-by: Derek Blank <derekpblank@gmail.com>
* Release script: Update react-native-editor version to 1.97.0 * Release script: Update with changes from 'npm run core preios' * Update CHANGELOG.md * Update CHANGELOG.md * Update CHANGELOG.md Fix white space * Release script: Update react-native-editor version to 1.97.1 * Release script: Update with changes from 'npm run core preios' * [RNMobile] Fix crash when using the delete key to remove a single button (WordPress#51435) * Fix crash when using the delete key to remove a single button * Add onDeleteBlock prop to block.native.js * Update button edit.native.js snapshots * Update button delete test to focus button input * Update button test to use triggerBlockListLayout * [RNMobile] Ensure text input field is not editable when Bottom sheet cell is disabled (WordPress#51567) * Update `react-native-editor` changelog --------- Co-authored-by: jhnstn <jhnstn@pm.me> Co-authored-by: Jason Johnston <jhnstn@users.noreply.github.com> Co-authored-by: Derek Blank <derekpblank@gmail.com>
Related to: #50665
What?
Fixes an issue where the
TextInput
component was still editable on Android even though thecell
compoment is disabled (reference).Why?
Letting the user edit a UI element that is displayed as disabled can be confusing to the user.
How?
Looks like disabling the
TextInput
component using thedisabled
prop is not enough to make it non-editable on Android. Hence, the value passed to theeditable
prop will be set tofalse
if the cell is disabled.Testing Instructions
In order to test this change, I created a test component to simplify the testing. The original issue was identified on Android, so it's recommended to test using the Android app.
Click here to display patch
Testing Instructions for Keyboard
N/A
Screenshots or screencast