fullscreen-dialog-portal
OfficialEnsures dialog overlays function correctly in browser fullscreen mode.
Authorai-shifu
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses issues with displaying modal dialogs and overlays correctly when the browser is in fullscreen mode, preventing invisible or misplaced pop-ups.
Core Features & Use Cases
- Fullscreen icon detection: Identifies when the page enters fullscreen mode to adjust dialog positioning.
- Container management: Handles dialog portal container logic to ensure overlays are rendered within the correct DOM subtree during fullscreen transitions.
- Use Case: When a user toggles fullscreen in a learning app, this skill ensures that payment or settings dialogs remain visible and correctly layered, avoiding UI glitches.
Quick Start
Use the fullscreen-dialog-portal skill to troubleshoot and fix modal overlay positioning when toggling fullscreen mode in your web app.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: fullscreen-dialog-portal Download link: https://github.com/ai-shifu/ai-shifu/archive/main.zip#fullscreen-dialog-portal Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.