Skip to content
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

Text with emojis is not properly aligned with the bullet point #1314

Open
fluiddot opened this issue Dec 28, 2020 · 2 comments · May be fixed by #1315
Open

Text with emojis is not properly aligned with the bullet point #1314

fluiddot opened this issue Dec 28, 2020 · 2 comments · May be fixed by #1315

Comments

@fluiddot
Copy link
Contributor

Related to wordpress-mobile/gutenberg-mobile#2935

Describe the bug
Add emoji characters to a list item with text pushes the content some pixels down.

To Reproduce

  1. Go to a post/page.
  2. Add a List block.
  3. Add text with at least one emoji character.

Expected behavior
Text lines should be aligned with the bullet point.

Screenshots

list_block_emoji_bug.mp4

Smartphone (please complete the following information):

  • Device: iPhone 8
  • OS: iOS 14.0
  • Version WordPress 16.3
@guarani
Copy link
Contributor

guarani commented Dec 29, 2020

Just noting that from what I've seen, this bug isn't present in the example app of this Aztec project. It might very well still be an Aztec issue since @fluiddot noted that it's present in both the Classic and the Block editor.

@fluiddot fluiddot linked a pull request Dec 29, 2020 that will close this issue
@fluiddot
Copy link
Contributor Author

I've investigated the issue further and I found out that something similar happens in other apps. For example, I tested on the Slack app and it also happens that when you add an emoji character, the text line gets bigger. In this case the bullet point is properly aligned with the content so there’s no bug, my impression is that this is is the intended behaviour from OS perspective.

However in our case, the problem is that we don't properly aligned the bullet point so the fix could be to change how it’s rendered within Aztec.

Fortunately after the investigations I managed to create the fix, I'm a newbie on iOS TextKit and Aztec so I'd appreciate that someone else verifies the fix 😊 .

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants