Skip to content
This repository has been archived by the owner on Apr 12, 2023. It is now read-only.

Emojis are huge when viewed on some markdown renderers #1

Closed
rubiefawn opened this issue Aug 29, 2019 · 2 comments
Closed

Emojis are huge when viewed on some markdown renderers #1

rubiefawn opened this issue Aug 29, 2019 · 2 comments
Labels
🚑 critical Priority: address immediately 🌐 web Issue: something is wrong with the website

Comments

@rubiefawn
Copy link
Owner

rubiefawn commented Aug 29, 2019

Describe the issue
Some markdown renderers sanitize the style attribute within inline HTML, causing the emoji SVGs to appear at full size rather than match the text size.

@rubiefawn
Copy link
Owner Author

rubiefawn commented Aug 29, 2019

Adding an additional height="18" before the style attribute could provide a simple fallback in the case the output HTML gets sanitized.

Status:

  • Github Fallback works correctly
  • Typora Fallback takes precedence over style attribute
  • StackEdit Fallback takes precedence over style attribute
  • Editor.md Fallback takes precedence over style attribute

Unfortunately it appears that the height and width attributes take precedence over style, regardless of order.

@rubiefawn rubiefawn changed the title Emojis are huge when viewed on Github Emojis are huge when viewed on some markdown renderers Aug 29, 2019
@rubiefawn
Copy link
Owner Author

The solution is to solely employ the height attribute and remove style since it gets ignored.

rubiefawn added a commit that referenced this issue Aug 30, 2019
@rubiefawn rubiefawn mentioned this issue Sep 3, 2019
3 tasks
@rubiefawn rubiefawn added 🚑 critical Priority: address immediately 🌐 web Issue: something is wrong with the website labels Sep 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🚑 critical Priority: address immediately 🌐 web Issue: something is wrong with the website
Projects
None yet
Development

No branches or pull requests

1 participant