-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Mobile - Slash inserter #29772
Mobile - Slash inserter #29772
Conversation
This adds the block completer
Size Change: +10 B (0%) Total Size: 1.62 MB
ℹ️ View Unchanged
|
I tested this briefly via wordpress-mobile/WordPress-iOS#16064 |
@geriux I just took another look at the test build on iOS and iPad OS to make sure, and it's looking good. Let's 🚢 it! 👏 |
@geriux Sounds fine. Worth nothing that in the future we'd like to get rid of this component and create something more integrated with rich text. As long as we're not exposing new APIs here I'm fine with it. |
# Conflicts: # packages/react-native-editor/CHANGELOG.md
This reverts commit c251037.
packages/components/src/autocomplete/autocompleter-ui.native.js
Outdated
Show resolved
Hide resolved
packages/react-native-editor/__device-tests__/[email protected]
Outdated
Show resolved
Hide resolved
Nice work team! I tested this and it works really well. One thing I noticed is that if you mistype a block the autocomplete bar disappears right away (No animation). This is a really minor thing. I left a couple of minor notes and a few questions. (Feel free to ignore them :) ) I am happy to test this again after the rebase and give it the final 👍 |
@import "./style.native.scss"; | ||
|
||
.components-autocomplete { | ||
width: 100%; |
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.
width: 100%;
Is this needed?
# Conflicts: # packages/components/src/autocomplete/index.js # packages/react-native-editor/CHANGELOG.md
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.
This worked well for me. And the code looks great!
Nice work team!
Fixes: wordpress-mobile/gutenberg-mobile#2620
Description
This PR adds the
/
(slash) key shortcut to add a block on mobile.Gutenberg Mobile PR
-> wordpress-mobile/gutenberg-mobile#3250WordPress iOS PR
-> wordpress-mobile/WordPress-iOS#16064WordsPress Android PR
-> wordpress-mobile/WordPress-Android#14245Pending issues:
$gray-light
(light mode) and$neutral-dim-dark
(dark mode).Hide feature behind a feature flag for DEVonce this PR is approved it'll ship to production so no DEV flag needed.React.createElement: type is invalid -- expected a string (for built-in components)
How has this been tested?
Paragraph
block/
character following by any block nameScreenshots
Types of changes
New feature
Checklist: