check_layout_patterns
Detects layout anti-patterns in CSS for web component hosts, including display overrides, fixed dimensions, and positioning conflicts.
Instructions
Detects layout anti-patterns when styling web component host elements — catches display overrides (components manage their own display), fixed pixel dimensions (breaks responsive), position absolute/fixed (conflicts with component positioning), and overflow: hidden (clips shadow DOM popups/tooltips). Run this on any CSS that sets layout properties on web components.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| cssText | Yes | The CSS code to check for layout anti-patterns on web component hosts. |