Skip to content

v0.0.14

Latest
Compare
Choose a tag to compare
@arvindrk arvindrk released this 04 Oct 23:47
22d54f3

Fix: Isolate Widget CSS to Prevent Host Page Style Conflicts

Problem

Widget's global CSS (especially Tailwind base reset) was injecting into host pages and overriding their styles, causing conflicts and breaking host page layouts.

Solution

Implemented selector-based CSS scoping. All widget styles are now scoped to .vapi-widget-wrapper container.

CSS Generation

Before: .flex { display: flex; } (global, affects host page)
After: .vapi-widget-wrapper .flex { display: flex !important; } (scoped, isolated)