Open
Description
Brief bug description
When using the latest version of Kontent Smart Link (v2.1.0), the :host CSS properties will be overidden by any higher-order CSS selector. For example, Tailwind CSS's Preflight sets all border width's to 0. This causes the :host border-width to be ignored, and the border width to be set to 0. This causes the spotlight overlay to be hidden.
This can be remediated by flagging the appropriate properties as !important:
Repro steps
- Create a page using a higher-order CSS selector (such as those used by Tailwind CSS's Preflight)
- Observe - no spotlight overlay will show
- Add the
!importantflag - Observe - overlay will show
Expected behavior
The overlay should display.
Test environment
- Platform/OS: Windows 10
- Browser: Firefox
- Version: 89.0.2 (64-bit)
Additional context
Add any other context about the problem here.
Screenshots
Add links to screenshots, if possible.
Metadata
Metadata
Assignees
Labels
No labels