From 70a2d6e52c1fc680fd3b91de3a25a814f4b006de Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 17 Jul 2026 10:00:38 +0000
Subject: [PATCH 1/3] fix: make World Emoji Day emoji particles unselectable

---
 app/components/Noodle/EmojiDay/emoji-thing.js | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/components/Noodle/EmojiDay/emoji-thing.js b/app/components/Noodle/EmojiDay/emoji-thing.js
index 3b398e6894..730607ac86 100644
--- a/app/components/Noodle/EmojiDay/emoji-thing.js
+++ b/app/components/Noodle/EmojiDay/emoji-thing.js
@@ -139,11 +139,15 @@ export function init(sizer, emojiSetImages) {
       y: ((event.clientY - rect.top) / rect.height) * VIEW_HEIGHT,
     }
   }
-  area.addEventListener('pointerenter', onPointerMove)
-  area.addEventListener('pointermove', onPointerMove)
-  area.addEventListener('pointerout', () => {
-    pointer = undefined
-  })
+  area.addEventListener('pointerenter', onPointerMove, { passive: true })
+  area.addEventListener('pointermove', onPointerMove, { passive: true })
+  area.addEventListener(
+    'pointerout',
+    () => {
+      pointer = undefined
+    },
+    { passive: true },
+  )
 
   const emojiSets = new Map(
     Object.entries(emojiSetImages).map(([name, image]) => {
@@ -170,6 +174,8 @@ export function init(sizer, emojiSetImages) {
               top: `-${size / 2}px`,
               width: `${size}px`,
               height: `${size}px`,
+              pointerEvents: 'none',
+              userSelect: 'none',
             })
 
             const ctx = sprite.getContext('2d')

From 7ea4950256ec187fb9b6d8598be85b6cd9dc13fa Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 17 Jul 2026 10:01:08 +0000
Subject: [PATCH 2/3] fix: add role="img" and aria-label for World Emoji Day
 logo

---
 app/components/Noodle/EmojiDay/Logo.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Noodle/EmojiDay/Logo.vue b/app/components/Noodle/EmojiDay/Logo.vue
index ee3215d3f4..ba59145d29 100644
--- a/app/components/Noodle/EmojiDay/Logo.vue
+++ b/app/components/Noodle/EmojiDay/Logo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative flex w-full">
+  <div class="relative flex w-full" role="img" :aria-label="$t('alt_logo')">
     <ThemedLogo v-if="colorMode.value === 'dark'" :emojiSets="darkTheme" />
     <ThemedLogo v-else :emojiSets="lightTheme" />
   </div>

From 8632fe3ad3041464352639ec36133fcd3be814b8 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 17 Jul 2026 10:01:55 +0000
Subject: [PATCH 3/3] fix: prevent panning touch-actions on World Emoji Day
 logo

---
 app/components/Noodle/EmojiDay/ThemedLogo.vue | 2 +-
 app/components/Noodle/EmojiDay/emoji-thing.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/Noodle/EmojiDay/ThemedLogo.vue b/app/components/Noodle/EmojiDay/ThemedLogo.vue
index a790ad514f..07ffd9fe9d 100644
--- a/app/components/Noodle/EmojiDay/ThemedLogo.vue
+++ b/app/components/Noodle/EmojiDay/ThemedLogo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="sizer" class="sizer w-full sm:w-[540px] md:w-[640px] lg:w-[900px]"></div>
+  <div ref="sizer" class="sizer w-full sm:w-[540px] md:w-[640px] lg:w-[900px]" aria-hidden="true" />
 </template>
 
 <style>
diff --git a/app/components/Noodle/EmojiDay/emoji-thing.js b/app/components/Noodle/EmojiDay/emoji-thing.js
index 730607ac86..7368d61a73 100644
--- a/app/components/Noodle/EmojiDay/emoji-thing.js
+++ b/app/components/Noodle/EmojiDay/emoji-thing.js
@@ -117,6 +117,7 @@ export function init(sizer, emojiSetImages) {
     'width': `${VIEW_WIDTH}px`,
     'height': `${VIEW_HEIGHT}px`,
     'transform-origin': '0 0',
+    'touch-action': 'pinch-zoom',
   })
   sizer.appendChild(area)