Article Graph

JavaScript, DOM & Browser Animation · July 16, 2026 · 5 min read

Frame-sequence animation stuck and preloader frozen at 100 percent? drawImage throws InvalidStateError because one frame 404s into a broken Image. Here is the cause and fix.

JavaScript, DOM & Browser Animation · July 6, 2026 · 4 min read

A refund fails with 422 'amount is required' though the docs say it's optional. Always send amount.value explicitly, and treat the network call as fallible.

JavaScript, DOM & Browser Animation · June 22, 2026 · 3 min read

A hero image and product cards stayed permanently hidden because the IntersectionObserver sometimes never triggered the reveal. The fix: never fully hide, degrade to visible in three layers.

JavaScript, DOM & Browser Animation · July 16, 2026 · 4 min read

Custom SplitText shows a raw & instead of & in a heading? The innerHTML getter re-encodes text. Replace regex-on-innerHTML with a DOM walk of childNodes.

JavaScript, DOM & Browser Animation · July 17, 2026 · 5 min read

Square wallet button keeps reappearing despite CSS display:none? The SDK injects it asynchronously after load. Remove it with MutationObserver, not CSS.

JavaScript, DOM & Browser Animation · July 6, 2026 · 4 min read

A Google sign-in that doesn't verify the JWT signature = auth bypass: anyone can forge a victim's email. Verify the signature, aud, iss, exp on the server.

JavaScript, DOM & Browser Animation · July 13, 2026 · 4 min read

Product loop video won't autoplay on iPhone but works on Android? H.264 High profile is rejected and autoplay is blocked. Re-encode to Main plus IntersectionObserver.

JavaScript, DOM & Browser Animation · July 16, 2026 · 5 min read

View Transitions API flashing on ordinary navigation and the Back button? The opt-in meta plus default CSS hits every navigation including bfcache. Remove both.

JavaScript, DOM & Browser Animation · June 19, 2026 · 3 min read

Search overlay returns zero results in production but works locally? It turns out wp_localize_script reassigns the entire global object, deleting data I'd set in the header. Here's the cause and the correct fix.

JavaScript, DOM & Browser Animation · June 18, 2026 · 3 min read

Every scroll animation below a pinned hero suddenly misfires once the images finish loading. The cause is GSAP's pin-spacer changing the document height. The fix: swap pin for CSS sticky.

JavaScript, DOM & Browser Animation · July 5, 2026 · 4 min read

Buttons 'dead' only on one page because the global click handler lives in a JS file not enqueued there. Audit your enqueue scope.

JavaScript, DOM & Browser Animation · July 3, 2026 · 4 min read

Four 'done' features were silently dead because the JS still called REST endpoints/selectors the server had changed. Only end-to-end testing catches it.

JavaScript, DOM & Browser Animation · June 25, 2026 · 3 min read

Adding Lenis smooth scroll threw a 'document.body is null' TypeError plus a render-blocking delay. The cause: a head script running before the body exists. One move fixes both.

JavaScript, DOM & Browser Animation · July 9, 2026 · 4 min read

A pinned, scrubbed ScrollTrigger section jitters on mobile while desktop is smooth? Skip initializing Lenis on touch devices and set ignoreMobileResize: true.

JavaScript, DOM & Browser Animation · July 6, 2026 · 4 min read

new FormData(...) throws 'not of type HTMLFormElement' because your selector grabbed the wrapper DIV, not the FORM. Select the form by #id.

JavaScript, DOM & Browser Animation · June 22, 2026 · 3 min read

A favorite button did nothing, no request, no error. The culprit was an inline onclick with stopPropagation killing the delegated handler on document. Here's how to prove it and fix it.

JavaScript, DOM & Browser Animation · July 9, 2026 · 4 min read

A card stayed stuck in its hover state on a touch viewport in Playwright. The virtual mouse parks after click(). Fix: page.mouse.move(0,0) before visual asserts.

CSS Layout, Overflow & Cascade · July 15, 2026 · 4 min read

Collapsed accordion with max-height 0 still shows a sliver and takes vertical space? overflow: hidden clips at the padding-box, so vertical padding leaks. Zero the padding when closed.

CSS Layout, Overflow & Cascade · June 19, 2026 · 4 min read

Article cards collapsed into a one-character-wide column, every title word wrapping onto its own line. The cause wasn't CSS, it was a nested anchor the browser auto-unwrapped. Here's the fix with a data-href span.

CSS Layout, Overflow & Cascade · July 1, 2026 · 4 min read

A CSS class toggle won't reveal an element because it has the HTML hidden attribute (UA display:none). Manage the attribute in JS instead of fighting it with CSS.

CSS Layout, Overflow & Cascade · June 20, 2026 · 3 min read

A logo filled an entire card at its natural PNG size even though I'd set width, height, and object-fit. The cause: two style= attributes on one element, and the browser uses only the first.

CSS Layout, Overflow & Cascade · July 1, 2026 · 4 min read

Gradient text with background-clip: text clips the tails of g, p, q, y because line-height is too tight. Fix: inline-block + padding-bottom.

CSS Layout, Overflow & Cascade · July 16, 2026 · 4 min read

A thin white strip above a full-bleed hero in a WordPress block theme? It's a margin from --wp--style--block-gap leaking into main. Zero margin-block-start on the chain.

CSS Layout, Overflow & Cascade · July 9, 2026 · 4 min read

SVG icons squished, circles rendering as ellipses, but only in some slots? preserveAspectRatio none from the export is to blame. Remove it, keep the viewBox.

CSS Layout, Overflow & Cascade · July 8, 2026 · 4 min read

Shortcode grid broken on the live site but fine in the editor? wpautop injects empty p tags that become phantom grid items. Compact output, strip the tags.

CSS Layout, Overflow & Cascade · June 23, 2026 · 4 min read

After moving checkbox styles into a global component stylesheet, the custom state never appeared on /checkout. The cause was an older, more specific selector. Here's how to trace it in DevTools.

CSS Layout, Overflow & Cascade · July 2, 2026 · 4 min read

Two equal-height columns without JavaScript: let Grid stretch both, then use flex column + justify-between on the lighter side. No height measuring.

CSS Layout, Overflow & Cascade · July 1, 2026 · 4 min read

A DOM-injected (not iframe) GoHighLevel form goes invisible (white-on-white) after flipping the theme dark↔light. Why it happens and how to fix it.

CSS Layout, Overflow & Cascade · July 3, 2026 · 4 min read

Swapping one color --token but the old color persists, because of hardcoded hex in JS bundles and SVG attributes. How to audit it properly.

CSS Layout, Overflow & Cascade · July 13, 2026 · 4 min read

Product-card area rendering tiny at 240px even though the CSS looks fine? A display:none sidebar drops out of grid auto-placement. Gate the columns with :has().

CSS Layout, Overflow & Cascade · July 2, 2026 · 4 min read

Leaflet map controls leak above your sticky header due to high vendor z-index. Fix: box the map in a stacking context with isolation: isolate.

CSS Layout, Overflow & Cascade · July 13, 2026 · 5 min read

Scrollytelling sections refuse to pin and render blank? overflow-y auto on body kills position sticky. Switch to overflow-y visible plus overflow-x clip.

CSS Layout, Overflow & Cascade · July 2, 2026 · 4 min read

overflow-x: hidden silently breaks position: sticky on iOS Safari. Switch to overflow-x: clip, which crops without creating a scroll container.

Tailwind v4 Build-Time Pitfalls · July 2, 2026 · 4 min read

Tailwind v4 preflight kills WordPress alignleft/alignright. How to restore it, without clear:both on headings, which breaks editor parity.

Tailwind v4 Build-Time Pitfalls · July 3, 2026 · 4 min read

An over-broad Tailwind v4 @source scans a seed/import folder and resurrects classes you already deleted. Exclude it with @source not.

Tailwind v4 Build-Time Pitfalls · June 22, 2026 · 4 min read

A theme shipping a precompiled tailwind-compiled.css doesn't compute Tailwind in the browser. Any class not already in that file does nothing. Here's how to debug it and the fix.

Tailwind v4 Build-Time Pitfalls · June 21, 2026 · 4 min read

Hero eyebrow text shipped WHITE instead of gold, only in production. The variable resolved to nothing and inherited #fff. The cause: Tailwind v4 tree-shaking an @theme var no utility consumed.

Tailwind v4 Build-Time Pitfalls · July 10, 2026 · 4 min read

Text styled with an arbitrary OKLCH alpha class renders with no color in Tailwind v4? A trailing zero makes the class miss the generated CSS. Fix: theme tokens.

Tailwind v4 Build-Time Pitfalls · July 14, 2026 · 4 min read

Your next/font font never applies in Tailwind v4 even though the variable is in @theme? @theme resolves at build time, so the runtime var() is empty. Here is the fix.

Tailwind v4 Build-Time Pitfalls · July 3, 2026 · 4 min read

Utility classes lose to .prose-dark h4 by specificity, so overrides don't apply. Wrap prose rules in :where() to zero out their specificity.

Caching & CDN: Deployed, but Nothing Changed · June 26, 2026 · 4 min read

A deploy looks fixed when checked as admin, but the public is still broken, WP Rocket skips the cache for logged-in users. How to verify the public render without logging out.

Caching & CDN: Deployed, but Nothing Changed · July 1, 2026 · 4 min read

wp-admin acting haunted (expired nonces, AJAX returning non-JSON, vanishing sidebar)? It's almost always CDN/edge cache rules, not a theme bug. How to spot it.

Caching & CDN: Deployed, but Nothing Changed · June 19, 2026 · 4 min read

Dropdown works on other pages but dies on the homepage, and the console says the handler is null? The cause isn't your code, it's WP Rocket's Delay JavaScript Execution. Here's how to diagnose and fix it.

Caching & CDN: Deployed, but Nothing Changed · June 18, 2026 · 3 min read

After turning on Remove Unused CSS in WP Rocket, your mobile drawer, dropdowns, and modals suddenly break. The cause: RUCSS strips CSS for states that only appear after interaction. Here's the fix.

Caching & CDN: Deployed, but Nothing Changed · June 30, 2026 · 4 min read

Checking a WordPress site with curl returns empty placeholders? WP Rocket strips content for unknown user-agents. Use a Googlebot UA or a real browser.

Caching & CDN: Deployed, but Nothing Changed · July 1, 2026 · 5 min read

Deployed and cleared WP Rocket but the public still sees the old version? Cloudflare caches HTML at the edge with a long TTL. Why purging origin alone isn't enough.

Caching & CDN: Deployed, but Nothing Changed · July 7, 2026 · 4 min read

Editing a theme's source JS but the browser never changes? The enqueue prefers a stale .min.js from dist. Rebuild after each edit and enable SCRIPT_DEBUG.

WordPress & PHP in Production · June 22, 2026 · 3 min read

A 'try the CPT first, fall back to post' pattern 404'd the CPT slugs. The reason: WordPress keys rewrite rules by their regex, so an identical regex overwrites rather than chains. Here's the fix.

WordPress & PHP in Production · July 16, 2026 · 5 min read

Settings field set to 0 reverts to default on save? array_filter's default callback treats 0 as falsy. Use an explicit callback that strips only empty strings and null.

WordPress & PHP in Production · July 8, 2026 · 4 min read

Custom Gutenberg block missing from the client's editor? The site runs Classic Editor, so there is no block inserter. Fix: a shortcode plus a TinyMCE button.

WordPress & PHP in Production · June 25, 2026 · 3 min read

I uploaded a functions.php that require_once'd a new inc/*.php file, but I hadn't uploaded the new file yet. The result: a fatal error, 'critical error on this website', and the File Manager plugin I deploy with went down too. Here's how to prevent and recover from it.

WordPress & PHP in Production · June 22, 2026 · 3 min read

WordPress term names arrive HTML-entity-encoded in 'display' context. Run strtoupper over one and '&' becomes the invalid '&'. Here's the root cause and the fix.

WordPress & PHP in Production · June 25, 2026 · 4 min read

A pasted snippet carried Unicode smart quotes instead of ASCII, and PHP threw a parse error / white screen. How to detect and prevent it.

WordPress & PHP in Production · June 29, 2026 · 4 min read

Your PHP filter runs but the page is empty? A theme missing page.php/search.php silently falls back to an index.php placeholder. How to diagnose which template actually loaded.

WordPress & PHP in Production · June 18, 2026 · 3 min read

Saved an array to post meta with wp_json_encode but json_decode keeps returning null? WordPress is quietly stripping your JSON backslashes. Here's why, and the one-line fix.

WordPress & PHP in Production · June 30, 2026 · 4 min read

Naming a second WP_Query $more or $page collides with a WordPress global that setup_postdata() overwrites, a fatal that masquerades as out-of-memory. How to trace it.

WordPress & PHP in Production · June 25, 2026 · 4 min read

Reusing one variable $x for both candidate and final value let the fallback assignment silently clobber real data while porting React to PHP. No error, just wrong output.

WordPress & PHP in Production · June 25, 2026 · 4 min read

After a plugin upload, every WordPress frontend request returned HTTP 500 with a fatal 'WP_List_Table not found'. php -l passed yet it still blew up. Here's the cause and how to load it correctly.

WordPress & PHP in Production · July 16, 2026 · 4 min read

wp_mail() silently failing with no email and no error? Your managed host disabled PHP's mail() function. Configure SMTP and save leads to the database first.

WordPress & PHP in Production · June 26, 2026 · 4 min read

Passing an array param to $wpdb->prepare() makes get_col() return empty on WordPress 7.0. How to build a safe IN clause with esc_sql.

WordPress & PHP in Production · June 28, 2026 · 5 min read

Putting a custom post type at the root URL via the request filter falls through to the homepage. Fix: per-slug rewrite rules + auto-flush, fully dynamic.

WordPress & PHP in Production · July 7, 2026 · 4 min read

xmlrpc.php still answers system.listMethods after xmlrpc_enabled is false? The filter only gates auth calls. Empty xmlrpc_methods and block the endpoint.

WordPress & PHP in Production · July 7, 2026 · 5 min read

Flipping a EUR/USD currency toggle changed nothing? The prices were stored in post meta as pre-formatted strings. Migrate to numerics and one formatter helper.

WordPress & PHP in Production · June 25, 2026 · 4 min read

get_theme_mod's second fallback arg flows through the theme_mod_{id} filter and overrides the default you registered in the Customizer. Why, and how to pass a fallback correctly.

WordPress & PHP in Production · June 25, 2026 · 4 min read

Code wrote $obj->key but the getter returns an array, in PHP 8 that's a fatal 'Attempt to read property on array'. Plus the getter-with-no-id-key trap. Cause and fix.

WordPress & PHP in Production · July 8, 2026 · 4 min read

Category pages showing 00 stories despite published posts? The theme added a seeder-only meta_query to every category query. Make it conditional or remove it.

WordPress & PHP in Production · July 8, 2026 · 5 min read

Saving a post returns a 502 because synchronous media_handle_sideload calls blow past the edge proxy timeout. Fix: save URLs fast, import images async.

WordPress & PHP in Production · July 7, 2026 · 5 min read

Cleanup script fatals with Call to undefined function on require wp-load.php? Bypass the broken bootstrap: regex-parse wp-config and delete via raw mysqli.

WordPress & PHP in Production · June 18, 2026 · 3 min read

Using register_post_meta with 'sanitize_callback' => 'floatval' and suddenly every post save errors out? PHP 8 rejects extra arguments to internal functions. Here's the cause and the fix.

WordPress & PHP in Production · July 7, 2026 · 4 min read

An import of 465 attachments in one request died with a Cloudflare 524. The 100-second origin cap is real: split into batches of 25, persist state, resume.

Elementor: Under the Page Builder's Hood · July 8, 2026 · 5 min read

Regex on _elementor_data turned text widgets into Lorem ipsum? The JSON got corrupted; Elementor fell back to its default. Decode, walk, encode, wp_slash.

Elementor: Under the Page Builder's Hood · July 9, 2026 · 5 min read

Button icons empty and images 404 after an Elementor migration despite an ID remap? A one-level walker misses nested media refs; the fix is a recursive walker.

Elementor: Under the Page Builder's Hood · July 1, 2026 · 4 min read

Rendering a page's raw content without Elementor's wrapper: bypass the_content() and reproduce the core pipeline by hand, because remove_filter isn't enough.

Elementor: Under the Page Builder's Hood · June 18, 2026 · 4 min read

Purged the plugin cache, the CDN, and your browser but Elementor edits still won't appear? The culprit is almost always Elementor's own internal cache. Here's how to invalidate it properly.

Elementor: Under the Page Builder's Hood · June 19, 2026 · 3 min read

Set a popover control to 'yes' to trigger a transform but got class .e-yes instead of .e-transform? The cause is POPOVER_TOGGLE's return_value. Here's how to save the right value.

Elementor: Under the Page Builder's Hood · July 17, 2026 · 4 min read

Setting an Elementor v4 container to absolute leaves it in the flex flow with no error. The prefixed _position control is ignored; containers need position without an underscore.

Elementor: Under the Page Builder's Hood · July 17, 2026 · 4 min read

Elementor v4 container width 296px renders full parent width? content_width boxed ignores it. Set content_width full + flex_size none so --width is emitted.

Elementor: Under the Page Builder's Hood · July 8, 2026 · 4 min read

Photos blurry on MacBooks and phones but sharp on a 1080p monitor? Elementor's Custom image size serves a 1x file with no srcset. Use a larger registered size.

Elementor: Under the Page Builder's Hood · July 9, 2026 · 4 min read

Footer columns overflow the viewport on mobile while desktop looks perfect? Legacy px margins in Elementor cascade to every breakpoint. Reset them, stack at 100%, lay out with gaps.

Elementor: Under the Page Builder's Hood · July 8, 2026 · 4 min read

Elementor layout always 20px narrower than the Figma design? Every container ships a default 10px left-right padding. Zero it out in Site Settings Layout.

Shopify, Liquid & the Theme CLI · July 10, 2026 · 4 min read

A Shopify push to templates/*.json reverted the client's uploaded image to a Liquid fallback. Pull the file with --nodelete before editing, then push on top.

Shopify, Liquid & the Theme CLI · July 10, 2026 · 4 min read

Shopify theme upload rejected with schema errors one at a time? theme_author caps at 25 chars, range at 101 steps, blank defaults are invalid. Sweep before push.

Shopify, Liquid & the Theme CLI · July 12, 2026 · 4 min read

Pushed a Shopify theme by --theme=ID and it landed on a different store's live theme? The CLI store context is sticky. Always pass --store on remote commands.

Shopify, Liquid & the Theme CLI · July 10, 2026 · 4 min read

shopify theme push says success but staging never changes? A JSON template's order array caps at 25 entries. Run push --json to surface the real error.

Shopify, Liquid & the Theme CLI · July 10, 2026 · 4 min read

Deleted a Shopify section from the order array but it reappears after push? The definition in the sections object auto-restores its id. Delete both, then verify.

Shopify, Liquid & the Theme CLI · July 10, 2026 · 4 min read

Your {# ... #} comments render as literal curly-brace text on a Shopify product page. That is Jinja syntax, not Liquid. Replace it with {%- comment -%}.

Next.js & React in Production · July 14, 2026 · 4 min read

A page returns 200 in pnpm dev but 500 in production with DYNAMIC_SERVER_USAGE. A nested server-component fetch touches draftMode while Next tries to statically optimize. Lift the fetch or force-dynamic.

Next.js & React in Production · July 15, 2026 · 5 min read

Cmd+K command palette returns No matches for almost every keyword in production while real content exists? The index was built from placeholder-data, not the CMS.

Next.js & React in Production · July 14, 2026 · 4 min read

Production intermittently serves stale HTML after deploys, looking like a broken cache. The real cause: toFixed on undefined crashed SSR. Widen the type and guard.

Next.js & React in Production · July 13, 2026 · 5 min read

next dev Turbopack crashes with invariant expected layout router to be mounted on one machine only? A node_modules junction escaping the project root misleads Turbopack's resolver. Use --webpack or npm ci.

Next.js & React in Production · July 14, 2026 · 4 min read

GROQ boost() query returns HTTP 400 score() function received unexpected expression? boost() rejects coalesce() and pt::text(). Split them into simple predicates.

Next.js & React in Production · July 13, 2026 · 4 min read

next dev green for weeks but next build on Vercel fails type-check: a polymorphic component with ref plus children types children as never. Cast Tag to ComponentType.

Next.js & React in Production · July 13, 2026 · 4 min read

Next.js 16 works on localhost but hot reload dies when opened from a phone over the LAN IP and the console blocks _next/webpack-hmr? Add the origin to allowedDevOrigins.

Next.js & React in Production · June 18, 2026 · 3 min read

You set NEXT_PUBLIC_ in your hosting dashboard, but in production the value is undefined. The cause: these variables are baked at build time, not read at runtime. Here's how it works.

Technical SEO, Redirects & Migrations · June 25, 2026 · 4 min read

One URL ran through three back-to-back 301s: /podcasts → /resources/ → /podcast → /podcast/. The owner swore it was .htaccess. It turned out the redirects were spread across four separate sources. Here's how to audit them all before touching anything.

Technical SEO, Redirects & Migrations · July 5, 2026 · 4 min read

A site URL migration with Better Search Replace misses Gutenberg blocks because slashes are escaped as \/. Run both forms: plain and escaped.

Technical SEO, Redirects & Migrations · July 16, 2026 · 5 min read

A wildcard 301 from an old WordPress domain 404s every deep URL on the new host? The paths do not match. Drop the capture group and point flat to the homepage.

Technical SEO, Redirects & Migrations · July 8, 2026 · 5 min read

A cURL scraper kept hitting 403s, JS challenges, then IP flags pulling a client's own product data. The fix: a JSON-LD bookmarklet in their logged-in browser.

Technical SEO, Redirects & Migrations · July 7, 2026 · 4 min read

Option migration ran fine, the admin shows the new value, but the frontend keeps the old one? One setting stored under two option keys. Unify with a single getter.

Technical SEO, Redirects & Migrations · June 29, 2026 · 5 min read

Renaming slugs and changing URL structure in one deploy makes redirects 404 instead of 301, because the old-slug lookup returns null. Fix: an explicit old→new map.

Technical SEO, Redirects & Migrations · July 14, 2026 · 5 min read

Next.js sitemap index returns an empty urlset, not a sitemapindex? MetadataRoute.Sitemap always serializes to urlset. Fix it with manual route handlers.

Technical SEO, Redirects & Migrations · July 14, 2026 · 4 min read

Next.js dynamic not-found routes return HTTP 200 instead of 404? RSC streaming commits 200 before notFound() runs. Return 410 from middleware for dead slugs.