jedarden/spaxel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: resolve iOS Safari passive event listener warnings and double-tap zoom

Browse source 
- Add touch-action: none to canvas elements in expert.css and ambient.css
  to prevent passive event listener warnings on iOS Safari
- Add user-scalable=no and maximum-scale=1.0 to viewport meta tags
  in ambient.html and simple.html to prevent double-tap zoom

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jedarden 2026-04-11 03:09:46 -04:00
parent 8d015f4ad8
commit cad56bb5f1
3 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dashboard/ambient.html
View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>Spaxel Ambient Display</title>
<link rel="stylesheet" href="css/ambient.css">
<meta name="apple-mobile-web-app-capable" content="yes">

3
dashboard/css/ambient.css
View file

@ -95,6 +95,9 @@ body.ambient-mode {
background: white;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
display: block;
/* Fix iOS Safari passive event listener warnings */
touch-action: none;
}
/* ===== Ambient Status Line ===== */

2
dashboard/simple.html
View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>Spaxel - Simple Mode</title>
<link rel="stylesheet" href="css/simple.css">
<link rel="stylesheet" href="css/notifications.css">