mirror of
https://github.com/MeshCore-Beacon/beacon-web.git
synced 2026-10-19 09:19:54 +00:00
14 lines
869 B
JavaScript
14 lines
869 B
JavaScript
// Open REGION, then run in a real browser at phone, tablet and desktop widths.
|
|
// jsdom does not load Tailwind's generated CSS; inspect the rendered input instead.
|
|
// Also check on iOS Safari: opening, filtering and closing must leave zoom unchanged.
|
|
(function checkRegionInputZoom() {
|
|
const input = document.querySelector('header input[placeholder="Search region or area code…"]');
|
|
if (!input) throw new Error("Open the region picker first");
|
|
const fontSize = Number.parseFloat(getComputedStyle(input).fontSize);
|
|
if (fontSize < 16 || !Number.isFinite(fontSize)) {
|
|
throw new Error(`Region filter is ${fontSize}px; small focused inputs can trigger Safari zoom`);
|
|
}
|
|
if (document.activeElement !== input) throw new Error("Region filter did not receive focus");
|
|
return { viewport: document.documentElement.clientWidth, fontSize, focused: true };
|
|
})();
|