Open
Description
openedon Jan 19, 2022
Description
Comparing the visual styles of the Verse block between Android and iOS, I noticed the following items:
- Text caret is bigger on Android, in fact, looks even bigger than the text.
- Vertical space between lines is smaller than the one when a line is broken with long text.
- Selecting all text and pressing the backspace key removes the text style associated with the block.
- Placeholder text has different text style than content.
NOTE: I also reproduced items 1 and 2 in the Preformatted block.
Step-by-step reproduction instructions
Text caret is bigger on Android, in fact, looks even bigger than the text
- Add a Verse block.
- Type some text.
- Observe that the text caret is bigger than the text.
Vertical space between lines is smaller than the one when a line is broken with long text
- Add a Verse block.
- Type text on the same line until the line is broken.
- Tap enter key to create a new line.
- Type some text.
- Observe that the vertical-align is smaller between lines than lines broken due to long text.
Selecting all text and pressing the backspace key removes the text style associated with the block
- Add a Verse block.
- Type some text.
- Select all text and press the backspace key.
- Observe that the text style is removed and the content looks identical to a Paragraph block.
Placeholder text has different text styles than content
- Add a Verse block.
- Observe that the placeholder text has a different text style than content.
Expected behaviour
The Verse block should look similar on both platforms.
Actual behaviour
The Verse block has visual important differences between both platforms.
Screenshots or screen recording (optional)
Android | iOS |
---|---|
android-verse-block.mp4 |
ios-verse-block.MP4 |
WordPress information
- WordPress version: N/A
- Gutenberg version: N/A
- Are all plugins except Gutenberg deactivated? N/A
- Are you using a default theme (e.g. Twenty Twenty-One)? N/A
Device information
- Device: Samsung Galaxy S20 FE 5G
- Operating system: Android 10
- WordPress app version: develop
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment