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.

Sign up for GitHub

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

Jump to bottom

tds.xyz - Incorrect render of the emoji flag #78932

Closed
tdsmith opened this issue Jul 2, 2021 · 2 comments
Closed

tds.xyz - Incorrect render of the emoji flag #78932

tdsmith opened this issue Jul 2, 2021 · 2 comments
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect.
Milestone
duplicate

Comments

@tdsmith
Copy link

tdsmith commented Jul 2, 2021

URL: https://tds.xyz

Browser / Version: Firefox 90.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
Emoji flag sequences are not recognized as a single letter for the ::first-letter selector in Firefox. They work in Chrome and Safari.

It's also possible for flags to be rendered with the left and right halves with different vertical alignments, creating a "furled" effect.

https://codepen.io/biotimylated/pen/abWOEJm

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️
@webcompat-bot webcompat-bot added this to the needstriage milestone Jul 2, 2021
@webcompat-bot webcompat-bot added browser-firefox engine-gecko The browser uses the Gecko rendering engine labels Jul 2, 2021
@softvision-oana-arbuzov softvision-oana-arbuzov changed the title tds.xyz - design is broken tds.xyz - Incorrect render of the emoji flag Jul 2, 2021
@softvision-oana-arbuzov softvision-oana-arbuzov added priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect. labels Jul 2, 2021
@softvision-oana-arbuzov
Copy link
Member

Thanks for the report, I was able to reproduce the issue.
image

Tested with:
Browser / Version: Firefox Nightly 91.0a1 (2021-07-01)
Operating System: Mac OS Big Sur v.11.13.1

Moving to Needsdiagnosis for further investigation.

@ksy36
Copy link
Contributor

ksy36 commented Jul 28, 2021

Filed https://bugzilla.mozilla.org/show_bug.cgi?id=1722763, lets close this as a duplicate

@ksy36 ksy36 closed this as completed Jul 28, 2021
@ksy36 ksy36 modified the milestones: needsdiagnosis, duplicate Jul 28, 2021
@ksy36 ksy36 removed their assignment Mar 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect.
Projects
None yet
Milestone
duplicate
Development

No branches or pull requests
4 participants
@tdsmith @ksy36 @webcompat-bot @softvision-oana-arbuzov