agentsclimarketplace

Mobile mui drawer repair

Skill mhrsdev/AI-Agent-Skills-Library/organized-skills/responsive-mobile-navigation/mobile-mui-drawer-repair

A curated library of 124 AI agent skills organized into 10 categories, with model-specific versions for Claude, GPT-5.5, GPT-5.4 and earlier, GLM, and DeepSeek.

Install
npx -y skills add mhrsdev/AI-Agent-Skills-Library --skill mobile-mui-drawer-repair

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use when building or fixing real mobile website navigation with React/MUI-like drawer, menu, dialog, overlay, breakpoint switching, scroll lock, and iOS/Android mobile bugs.

SKILL.md

1.5 KB, as published. Nobody here has run it

Mobile MUI Drawer Repair

Use this skill for mobile-first drawer, menu, dialog, and overlay work inspired by mui/material-ui.

Primary source:

Focus areas:

  • Temporary versus permanent drawer behavior across breakpoints.
  • Swipeable drawer tradeoffs, including performance and touch handling.
  • Dialog and overlay scroll lock on iOS Safari and Android Chrome.
  • Avoiding background scroll leaks when panels are open.
  • Keeping open/closed state synchronized with ARIA and visual state.

Checklist:

  • Use a real button for toggles.
  • Keep aria-expanded and aria-controls synchronized.
  • Close on escape, route change, backdrop click, and menu item selection where appropriate.
  • Lock body/background scroll while modal navigation is open.
  • Prefer 100dvh/svh/lvh over plain 100vh when viewport chrome matters.
  • Test at 320px, 390px, 430px, 768px, and desktop widths.

Common fixes:

  • If the page scrolls behind a drawer, lock the document body and make only the panel scrollable.
  • If a drawer feels slow on mobile, reduce heavy transitions and avoid mounting expensive content unnecessarily.
  • If desktop and mobile state conflict, derive variant from a stable media query and reset temporary state on breakpoint change.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.