Fixing "emojis not rendering at all" Chrome on iPhone bug - see mozil…

…la/twemoji-colr#50
gheja · Sep 11, 2021 · 04221c8 · 04221c8
1 parent 0b8fb87
commit 04221c8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/TODO.md b/TODO.md
@@ -86,8 +86,8 @@
 ## bugs
 
 Chrome on iPhone
-- [ ] emojis not rendering at all
-- [x] pull-to-refresh is not prevented
+- [x] emojis not rendering at all - https://github.com/mozilla/twemoji-colr/issues/50
+- [x] pull-to-refresh is not prevented - https://stackoverflow.com/a/57215061
 - [ ] css media query is not updating ("rotate phone")
 - [x] win screen: blur is not working
 - [ ] win screen: buttons are not working?

diff --git a/src/gfx.ts b/src/gfx.ts
@@ -311,7 +311,7 @@ class Gfx
 			ctx.font = (PRERENDER_SIZE * 0.95) + "px twemoji";
 			ctx.textAlign = "center";
 			ctx.textBaseline = "middle";
-			ctx.fillText(index, PRERENDER_SIZE / 2, PRERENDER_SIZE / 2);
+			ctx.fillText(index, PRERENDER_SIZE / 2, PRERENDER_SIZE * 0.7);
 
 			this.prerenderedStuffs[index] = canvas;
 		}

diff --git a/src/twemoji.ttf b/src/twemoji.ttf