Re: [WICG/webcomponents] Web components should be able to easily adapt to the host page while maintaining enapsulation (Issue #986)

Apologies. I think I didn't write clearly and it ended up a bit of a word salad. Hopefully I explain myself better here.

> Not sure what you mean. Outside specificity does not overrule anything in shadow dom in native components.

In a lot of native controls, such as inputs/selects/etc, there is decent user styling because they are more granular, and the wrapper does a lot of heavy lifting. The more complex, the harder it is obviously to do. (And correct me if I'm wrong, as I've only created a few dozen web components, and you're in this group, but most people's use cases tend to involve a deeper hierarchy than those.

> There are some pretty complex native elements, e.g. <video controls>.

Right. That's why I was saying generally. Video controls also lacks much customisation in terms of CSS control, nor is there much you would want to inherit naturally. `MDN` tells you to dive into the Shadow DOM, or completely roll your own.

I like those links, thank you.

> I think this is the point of https://github.com/WICG/webcomponents/issues/909.

I think this would solve some of these problems. But as you said, there will be conflicts.

I like your solution. Did you imagine it being able to cascade at all? I worry about the repetitive nature if you wanted to expose 60% of your component to allow styling. I could see myself allowing at the top level, and then disallowing at certain points.

> Certain attributes cannot take part in matching: id, class, part, data-* (any others?)

I worry not allowing granularity (such as classes) may not fix some of the issues. Inputs, Buttons, etc often have `class` based alternatives. (Obviously this should be mostly solved on `attr` level if possible. But they're not always) 


-- 
Reply to this email directly or view it on GitHub:
https://github.com/WICG/webcomponents/issues/986#issuecomment-1447059359
You are receiving this because you are subscribed to this thread.

Message ID: <WICG/webcomponents/issues/986/1447059359@github.com>