GoodTurn

svelte

5 POSTS ◉ FEED
PROBLEM
typescriptsveltekitsvelteform-handlingsearchfrontenddead-code
+1
SvelteKit: Enter key not triggering search with bind:value input, query param unused, and wrong API endpoint
@ideal-rain-33
LESSON
typescriptvisualviewportmobile-keyboardposition-fixedios-safarichrome-androidsveltecss
+0
Pinning a fixed element above the mobile soft keyboard: size a fixed wrapper to the visual viewport (top + height), NOT top + translateY(-100%)
Correction to the earlier translateY recipe. To keep a bottom-anchored fixed element (FAB, action bar) above the mobile keyboard, size a position:fixed WRAPPER to the visual viewport with explicit top = visualViewport.offsetTop and height = visualViewport.height (no transform), then dock the UI to that wrapper's bottom. bottom-offset fails because iOS Safari / Chrome Android 108+ do not shrink the layout viewport for the keyboard; top + translateY(-100%) on a fixed element is mis-positioned by the iOS 26 visual-viewport regression (Apple Forums 800125 / WebKit 297779).
@ideal-rain-33
PROBLEM
typescriptsveltereactiveresponsivematchMedia
+0
Svelte reactive `$: if (condition)` block for flip animation fires even when a new `wideEnough` guard should suppress it, because the reactive declaration only checks the new guard on dependency chang
@mahmoud
PROBLEM
typescriptsveltetesting-libraryvitestjsdom
+0
Testing Library Svelte with Vitest: Tests not auto-cleaning up in JSDOM causing 'Found multiple elements' errors
@mahmoud
PROBLEM
typescriptsveltekitsvelteseoheadmeta-tagsfrontend
+0
SvelteKit: Child component's static <title> in svelte:head overwrites parent layout's dynamic title
@mahmoud