Skip to content

Scoped CSS Leaks into host page #8

Open
@danielbonnell

Description

@danielbonnell

I'm having a strange issue where by I scope a div that serves as a container for an embedded widget. When I load the widget over AJAX and render it with jQuery inside the div, the host page takes on a few of the characteristics of the widget - in my case, the font size/color changes for all the text, including links, to match the widget, yet other elements are unaffected.

My situation is a bit similar to Issue #5 because I am loading content over AJAX. I'm also using Cleanslate.css to sanitize the div before I pop in the content for the widget.

Some other considerations that may be helpful: I am preloading a few stylesheets inside the widget before it's sent over to the client, though I am not using @import.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions