Похожие чаты

Is CSS actually capable to target web components that didn't

render their shadow DOM yet? 🤔 Would be one way of applying skeleton styles

12 ответов

13 просмотров
Roman-Sharkov Автор вопроса
MUTHU・KUMAR 「メーカー」 🔺
Huh?

basically: sl-select:no(shadowDOM) { /* skeleton CSS */ }

Roman Sharkov
basically: sl-select:no(shadowDOM) { /* skeleto...

I don't think that's possible, but you could add a class to the custom element and remove it while attaching shadow dom

Roman-Sharkov Автор вопроса
MUTHU・KUMAR 「メーカー」 🔺
I don't think that's possible, but you could add a...

the problem then is I need to teach every shoelace.style component to do that

Roman Sharkov
basically: sl-select:no(shadowDOM) { /* skeleto...

I think it's a lost cause when you expect to do anything with WebComponents without JS, even support their absence. One final hack I can think of is the first line of your script (or maybe last line depending on your needs) adds a class to body like .js-loaded, and CSS can target :not(.js-loaded) sl-selected {}

Roman Sharkov
basically: sl-select:no(shadowDOM) { /* skeleto...

Apparently you can detect whether the custom element was defined, with sl-select:not(:defined) {} Would that work?

Roman Sharkov
how are they evil? 😂

https://x.com/Rich_Harris/status/1198332398561353728 https://dev.to/richharris/why-i-don-t-use-web-components-2cia https://dev.to/ryansolid/web-components-are-not-the-future-48bh https://daverupert.com/2023/07/why-not-webcomponents/

Roman-Sharkov Автор вопроса
MUTHU・KUMAR 「メーカー」 🔺
https://x.com/Rich_Harris/status/11983323985613537...

it's still a good solution for when you need to do UI web apps with anything other than JS

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
any reference of this implementation?
BitBuddha
29
Ⓐrtto, [4/23/24 7:02 PM] Please explain more fully how it is not working exactly, and what are the steps you are taking, and what error messages come or what happens. Ⓐrtto, ...
Ezza Kezza
2
sounds like people have lost their kaspa on tradeogre... does this mean tradeogre not trustworthy?
Ezza Kezza
15
Страшнейшая правда про списки ЦБ. С первых дней жизни P2P сферы, молодые человеки, начитавшись законодательной базы и "внутренних" документов, решили, что им противостоит сер...
Foxcool
3
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
So much speculation in the last week. So much volatility in price. This is because Hedera has a GC that isn't using the network it's governing. Why aren't people asking why a...
Summit Seeker R
9
Anyone else having this error when trying to make transactions?
Datzel
11
Question: How viable is it to use Anvil as the backend infrastructure for managing a TradFi portfolio, while integrating Flexa for instant liquidity and payment solutions? Cou...
Kevin
2
вы делали что-то подобное и как? может есть либы готовые? увидел картинку нокода, где всё линиями соединено и стало интересно попробовать то же в ddl на lua сделать. решил с ч...
Victor
8
Карта сайта