Every <input>, <textarea>, <video> or any *complex* element IS a Web Component
You can check their different shadowDOM implemenations in DevTools
A future without WCs is going to result in some rather simple HTML pages
But who knows what CSS will bring
Every <input>, <textarea>, <video> or any *complex* element IS a Web Component
You can check their different shadowDOM implemenations in DevTools
A future without WCs is going to result in some rather simple HTML pages
But who knows what CSS will bring
You can check their different shadowDOM implemenations in DevTools
So a future without Web Components is going to result in some rather simple HTML pages.
But who knows what CSS will bring
You can check their different shadowDOM implemenations in DevTools
So a future without Web Components is going to result in some rather simple HTML pages.
But who knows what CSS will bring
You can check their different shadowDOM implemenations in DevTools
So a future without Web Components is going to result in some rather simple HTML pages
But who knows what CSS will bring
You can check their different shadowDOM implemenations in DevTools
So a future without Web Components is going to result in some rather simple HTML pages
But who knows what CSS will bring
You can check their different shadowDOM implemenations in DevTools
So a future without Web Components is going to result in some rather simple HTML pages.
But who knows what CSS will bring
You can check their different shadowDOM implemenations in DevTools
So a future without Web Components is going to result in some rather simple HTML pages.
But who knows what CSS will bring
You would then have two versions of your logic (one in Python, one in JS), but it would work.
I have two too: one in C (in a TS-to-C native path), one in JS (types stripped),
You would then have two versions of your logic (one in Python, one in JS), but it would work.
I have two too: one in C (in a TS-to-C native path), one in JS (types stripped),
Every <input>, <select>, <textarea> Element
*IS* a Web Component.
Each vendor implements their own code in shadowDOM for "complex" elements.
So if JavaScript developers at Chromium, Mozilla and Apple can create Web Components...
You should be able too
Every <input>, <select>, <textarea> Element
*IS* a Web Component.
Each vendor implements their own code in shadowDOM for "complex" elements.
So if JavaScript developers at Chromium, Mozilla and Apple can create Web Components...
You should be able too
📊 8.8/10
📝 Memory corruption in ShadowDOM in Google Chrome prior to 156.0.8078.47 allowed a remote attacker to execute arbitrary code inside the sandbox via a craft...
🔗 https://euvd.enisa.europa.eu/vulnerability/EUVD-2026-105633
#cybersecurity #infosec #cve #euvd
📊 8.8/10
📝 Memory corruption in ShadowDOM in Google Chrome prior to 156.0.8078.47 allowed a remote attacker to execute arbitrary code inside the sandbox via a craft...
🔗 https://euvd.enisa.europa.eu/vulnerability/EUVD-2026-105633
#cybersecurity #infosec #cve #euvd
If you are used to BEM then that probably is your preference.
But in Web Components
section .card > .title { ... }
can become
.title { ... }
Yes, global can't style shadowDOM,
but many overlook shadowDOM will not style global either
If you are used to BEM then that probably is your preference.
But in Web Components
section .card > .title { ... }
can become
.title { ... }
Yes, global can't style shadowDOM,
but many overlook shadowDOM will not style global either
its fully optional, you are not forged to use it.
Although, alas, tools like Lit make it the default.
its fully optional, you are not forged to use it.
Although, alas, tools like Lit make it the default.
:not:defined { display: none }
to prevent FOUCs or any other weird reason.
Because DSD - Declarative ShadowDOM
creates *undefined* Custom Elements
The Custom Elements JavaScript *API* makes them :defined
:not:defined { display: none }
to prevent FOUCs or any other weird reason.
Because DSD - Declarative ShadowDOM
creates *undefined* Custom Elements
The Custom Elements JavaScript *API* makes them :defined
That's is like calling everyone Joe.
* shadowDOM attached to a <div> is *not* using Custom Elements
* Customized Built-In Elements are *not* Custom Elements
Only tags with a hyphen *are* Custom Elements (even without using JavaScript)
That's is like calling everyone Joe.
* shadowDOM attached to a <div> is *not* using Custom Elements
* Customized Built-In Elements are *not* Custom Elements
Only tags with a hyphen *are* Custom Elements (even without using JavaScript)
This one last commit makes the lights more declarative:
This one last commit makes the lights more declarative:
(I like calling them custom elements (even as a bag for all the features like ShadowDOM, slots, scoped CSS, etc), because technically React/Vue/Svelte/Solid/Angular/Ember components are all "web components".
(I like calling them custom elements (even as a bag for all the features like ShadowDOM, slots, scoped CSS, etc), because technically React/Vue/Svelte/Solid/Angular/Ember components are all "web components".
Also, this is the first I’m hearing about StyleX and people moving away from Tailwind, what did I miss? Isn’t StyleX that old Next.js thingy that didn’t quite make it?
Also, this is the first I’m hearing about StyleX and people moving away from Tailwind, what did I miss? Isn’t StyleX that old Next.js thingy that didn’t quite make it?
Here is the "closed" <video> DOM in Chromium and FireFox
I presume the "closed" option for us mortal developers
is a relic of these earlier developments
Hardly serves a purpose if you can download the source and just do a replace to "open"
Here is the "closed" <video> DOM in Chromium and FireFox
I presume the "closed" option for us mortal developers
is a relic of these earlier developments
Hardly serves a purpose if you can download the source and just do a replace to "open"
It has shadowDOM and HTML content us mortals can not access, like a mode:"closed" Web Component.
Take a peek inside and you will see each vendor implemented it different.
It has shadowDOM and HTML content us mortals can not access, like a mode:"closed" Web Component.
Take a peek inside and you will see each vendor implemented it different.