Ruixe Blog

Category: Frontend Development

Debugging a Mobile Modal Overflow

A mobile modal overflow postmortem. A single GFM table in a post widened the layout viewport from 390px to 482px, so the fixed-positioned share and search modals centered on the wrong containing block and ran off screen. Covers the device-emulation reproduction, three rejected candidate fixes, and the final three-part repair - an MDX table scroll wrapper, anywhere word-breaking, and a 100vw backdrop cap.

Frontend DevelopmentPublished on September 24, 2026

The Birth of My Personal Blog Website

From a college-day idea to a live site - the full journey of planning, tech selection, and three phases of development behind my personal blog website, with AI coding workflow practices along the way.