Open IuliiaHerets opened 3 weeks ago
Triggered auto assignment to @strepanier03 (Bug
), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.
@strepanier03 FYI I haven't added the External label as I wasn't 100% sure about this issue. Please take a look and add the label if you agree it's a bug and can be handled by external contributors
@strepanier03 Uh oh! This issue is overdue by 2 days. Don't forget to update your issues!
Edited by proposal-police: This proposal was edited at 2024-08-28 10:22:02 UTC.
The top of emojis are cut off on applying quote markdown.
The emoji's lineHeight
for comments containing only emojis are 35:
While blockquote
uses the default lineHeight
for HTML renderers, which is smaller than 35:
This issue already happened with EditedRenderer
. The solution was to denote these contains-only-emoji edited
tags as islarge
and use lineHeight: 35
specifically for them:
So in this case:
islarge
attribute to contains-only-emoji blockquote
following what we've done with emojis:let htmlContent = htmlWithDeletedTag;
if (containsOnlyEmojis) {
htmlContent = Str.replaceAll(htmlContent, '<emoji>', '<emoji islarge>');
htmlContent = Str.replaceAll(htmlContent, '<blockquote>', '<blockquote islarge>');
}
blockquote
's style based on islarge
attribute above. In the customHTMLElementModels
here, define blockquote
custom renderer and customize its style using getMixedUAStyles
:blockquote: HTMLElementModel.fromCustomModel({
tagName: 'blockquote',
contentModel: HTMLContentModel.block,
getMixedUAStyles: (tnode) => {
if (tnode.attributes.islarge === undefined) {
return;
}
return styles.onlyEmojisTextLineHeight;
},
})
onlyEmojisBlockquoteLineHeight
styles.@strepanier03 Huh... This is 4 days overdue. Who can take care of this?
Job added to Upwork: https://www.upwork.com/jobs/~01550e0f7b3eac50c6
Triggered auto assignment to Contributor-plus team member for initial proposal review - @hoangzinh (External
)
Easy to reproduce with any combo of emoji.
Thanks for proposal @daledah. Can you elaborate on why the issue is only reproducible on Android?
@hoangzinh, @strepanier03 Uh oh! This issue is overdue by 2 days. Don't forget to update your issues!
Hi @daledah. When you have time, can you check my comment here? Thank you
@hoangzinh I think it's a problem with react-native itself. You can check out the demo here: https://snack.expo.dev/b1h4FVhn3ZkBsS6XVQJg6.
Thanks for updates @daledah. I'm thinking about the expectation in this case. When users type emojis with blockquote, should we display emojis in a large style or a normal style?
@Expensify/design Do you have any advice for us in this case? The question is: When users type emojis with blockquote, should we display emojis in a large style or a normal style? Thank you.
Large style | Normal style |
---|---|
I think we'd follow the same styles that regular messages have. So whatever we do for normal emoji-only messages, we'd do here for blockquotes as well.
Thanks @shawnborton
@daledah's proposal looks good to me
Link to proposal https://github.com/Expensify/App/issues/47899#issuecomment-2314910523
πππ C+ reviewed
Triggered auto assignment to @aldo-expensify, see https://stackoverflow.com/c/expensify/questions/7972 for more details.
π£ @hoangzinh π An offer has been automatically sent to your Upwork account for the Reviewer role π Thanks for contributing to the Expensify app!
π£ @daledah You have been assigned to this job! Please apply to the Upwork job and leave a comment on the Github issue letting us know when we can expect a PR to be ready for review π§βπ» Once you apply to this job, your Upwork ID will be stored and you will be automatically hired for future jobs! Keep in mind: Code of Conduct | Contributing π
@hoangzinh @strepanier03 @aldo-expensify @daledah this issue was created 2 weeks ago. Are we close to approving a proposal? If not, what's blocking us from getting this issue assigned? Don't hesitate to create a thread in #expensify-open-source to align faster in real time. Thanks!
If you havenβt already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!
Version Number: 9.0.24 Reproducible in staging?: Y Reproducible in production?: Y If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/4884616 Issue reported by: Applause Internal Team
Action Performed:
Expected Result:
The top of emojis must not be cut off on applying quote markdown.
Actual Result:
The top of emojis are cut off on applying quote markdown.
Workaround:
Unknown
Platforms:
Screenshots/Videos
https://github.com/user-attachments/assets/3dc2e163-b5a8-499f-b433-04421ae787e7
View all open jobs on GitHub
Upwork Automation - Do Not Edit
Issue Owner
Current Issue Owner: @hoangzinh