BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: simplify mobile composer keyboard handling

Browse Source 
Use browser keyboard resizing by default on mobile
Remove mobile-only autocomplete button and tabs
Keep autocomplete behavior consistent across mobile and desktop
This commit is contained in:
Bohdan Triapitsyn
2026-05-25 21:27:10 +03:00
parent 6e16504dac
commit b2f7373b79
6 changed files with 24 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/index.html
+7 -24
View File
@@ -2,7 +2,7 @@
<html lang="en" class="h-full">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content" />
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -57,46 +57,29 @@
return fallback;
};
const normalizeMobileKeyboardMode = (value, fallback = 'native') => {
const normalizeMobileKeyboardMode = (value, fallback = 'resize-content') => {
if (value === 'native' || value === 'resize-content') {
return value;
}
return fallback;
};
const supportsMobileKeyboardResizeContent = () => {
const userAgent = navigator.userAgent || '';
const platform = navigator.platform || '';
const maxTouchPoints = navigator.maxTouchPoints || 0;
const isIOS = /iPhone|iPad|iPod/i.test(userAgent)
|| ((/Macintosh|MacIntel/i.test(userAgent) || /MacIntel/i.test(platform)) && maxTouchPoints > 1);
return !isIOS;
};
const getSupportedMobileKeyboardMode = (mode) => {
if (mode === 'resize-content' && !supportsMobileKeyboardResizeContent()) {
return 'native';
}
return mode;
};
const getViewportContentForMobileKeyboardMode = (value) => {
const mode = getSupportedMobileKeyboardMode(normalizeMobileKeyboardMode(value, 'native'));
const mode = normalizeMobileKeyboardMode(value, 'resize-content');
return mode === 'resize-content'
? `${viewportBaseContent}, interactive-widget=resizes-content`
: viewportBaseContent;
};
const applyStoredMobileKeyboardMode = () => {
let mode = 'native';
let mode = 'resize-content';
try {
mode = getSupportedMobileKeyboardMode(normalizeMobileKeyboardMode(localStorage.getItem(mobileKeyboardModeStorageKey), 'native'));
if (mode === 'native') {
mode = normalizeMobileKeyboardMode(localStorage.getItem(mobileKeyboardModeStorageKey), 'resize-content');
if (mode === 'resize-content') {
localStorage.removeItem(mobileKeyboardModeStorageKey);
}
} catch {
mode = 'native';
mode = 'resize-content';
}
document.documentElement.setAttribute('data-oc-mobile-keyboard-mode', mode);