From 29d33fe2778e312cbd25ca46b43e2dce71fce42d Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Mon, 25 May 2026 08:38:14 +0200
Subject: [PATCH] meme test

---
 public/s/css/meme-creator.css | 2 ++
 public/s/js/meme-creator.js   | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/s/css/meme-creator.css b/public/s/css/meme-creator.css
index d8d1b1c..b32ea21 100644
--- a/public/s/css/meme-creator.css
+++ b/public/s/css/meme-creator.css
@@ -185,6 +185,8 @@ canvas#memeCanvas {
 .meme-layout-wrapper input[type="range"] {
     width: 100%;
     accent-color: var(--accent, #9f0);
+    touch-action: pan-x;
+    cursor: pointer;
 }
 
 .meme-layout-wrapper .layer-input-group {
diff --git a/public/s/js/meme-creator.js b/public/s/js/meme-creator.js
index 81e7efc..a0cf130 100644
--- a/public/s/js/meme-creator.js
+++ b/public/s/js/meme-creator.js
@@ -130,7 +130,7 @@
                     
                     <div class="layer-font-size-control" style="display: flex; align-items: center; gap: 10px;">
                         <span style="font-size: 0.8em; color: #888; white-space: nowrap;">${(window.f0ckI18n?.meme?.size_label) || 'Size'}: <span class="layer-fs-val">${layer.fontSize}</span>px</span>
-                        <input type="range" class="layer-fs-input" min="10" max="200" value="${layer.fontSize}" style="flex: 1;">
+                        <input type="range" class="layer-fs-input" min="10" max="200" value="${layer.fontSize}" inputmode="none" style="flex: 1;">
                     </div>
                 `;