🐛 Bugfix: Why was the ux-portal draggable modal drag handle invisible ...

Date: 2026-03-10
Time: 19:12:28 UTC
Session: gspace1-198.2
Agent: angular
Confidence: 95%
Status: ✅ Documented

📋 Decision Context

Question:

Why was the ux-portal draggable modal drag handle invisible (0px height) and how to fix it?

Task: Not specified

🎯 Decision Made

Chosen:

Apply critical layout styles inline on the drag handle and pill elements when creating them programmatically, so visibility does not depend on global stylesheet loading.

Options Considered:

• No alternatives documented

💭 Reasoning

The drag handle was created via innerHTML with class names only. The ux-portal.styles.css may not be bundled/loaded in all consuming apps. Without those styles, the pill span (inline by default) had no dimensions, and the flex container collapsed to 0 height. Inline styles guarantee visibility regardless of stylesheet availability.

📁 Files Involved

• libs/libs-ux/ux-portal/src/lib/services/ux-portal.service.ts
• libs/libs-ux/ux-portal/src/lib/styles/ux-portal.styles.css

🔗 Related

• Decision ID: dev_1773169948192_eq003fq
• Session: 198
• Workspace: gspace1

Auto-generated by MCP Smart Consolidation