-
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] Blur inserter search when keyboard closes #34278
[RNMobile] Blur inserter search when keyboard closes #34278
Conversation
Size Change: 0 B Total Size: 1.04 MB ℹ️ View Unchanged
|
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.
LGTM! Tested on Android physical devices and I see the search box becoming unfocused (blurred) when the virtual keyboard dismisses, as intended. 🎉
One nit to cover in a separate PR perhaps and it's not directly related to the changes in this PR but, it'd be helpful to have an inline comment explaining the use of a timeout in the onCancel()
to do the blur. I'd assume it has something to do with when the blur can succeed related to the render phases.
BTW, let's wait for the gb-mobile side PR to also get approved before doing the merge domino. |
* Use flexbox for tab positioning * Allow bottomsheet to scroll while fullscreen Changes cherry picked from c5aa56c * Fix input height * Fix active search cut off * Use fullscreen on Android only * Add prop to allow drag indicator on Android * Pass in initial number of items to render * Update logic to show the drag indicator * Fix block inserter scroll view height (#34139) * Fix block inserter scroll view height Leverages flex layout properties rather than explicit height to ensure the scroll view coordinates its height with its sibling elements. * Rename Sass selectors for improved clarity Avoid referencing "tabs" as that is not relevant as this level of the UI. * Enable inserter block search * Fix revert issue * Blur inserter search when keyboard closes (#34278) Co-authored-by: jhnstn <[email protected]> * Filter embed blocks from Inserter search block list Co-authored-by: jhnstn <[email protected]> Co-authored-by: David Calhoun <[email protected]>
Description
This blurs the inserter search input when the keyboard is manually closed.
Gutenberg Mobile: wordpress-mobile/gutenberg-mobile#3871
How has this been tested?
(* while this change is not platform specific, the iOS devices tested did not have a way to close the keyboard outside of using the existing cancel flows )
Screenshots
search_input_focus.mp4
Pixel 5, Android 11
Types of changes
Adds Keyboard listener to the mobile search control component
Checklist:
*.native.js
files for terms that need renaming or removal).