Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Web Components Broken with 1.x Due to :root #3895

@kbarnesMCC

Description

@kbarnesMCC

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version [1.0.2]
My browser is: Firefox
I am sure this issue is not a duplicate

Description

In the move to Bulma 1.x; it appears a handful of :root CSS selectors were added as part of the functionality.

Unfortunately, this has completely broken the ability to use Bulma as part of Web Components / ShadowDOM since stylesheets within this context don't respect :root (they use :host instead).

We're a big fan of Bulma due to it's exclusion of Javascript which helps us use it in an highly encapsulated manner allowing for our large disparate teams to work together without clashing on each other. In fact, the lack of reliance on :root is the reason we chose this over other frameworks (e.g. Bootstrap)...However, this change to tightly couple to the root breaks our encapsulation.

Are there any plans to reconcile this to keep Bulma flexible or do we need to either roll our own Bulma (maintenance costs for us) or begin looking into alternatives?

Steps to Reproduce

Download Bulma 1.x, investigate SASS files.

Expected behavior

Ideally, observer Bulma is NOT using :root for css selectors OR supports both :root and :host.

Actual behavior

Observe Bulma is now leveraging :root CSS selectors for core functionality.

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