Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Declarative Shadow DOM #51

Open
DrSensor opened this issue Jan 13, 2023 · 1 comment
Open

Declarative Shadow DOM #51

DrSensor opened this issue Jan 13, 2023 · 1 comment
Labels
optimization Because speed, memory consumption, and bundle size are important priority: high Although it's not part of the milestone, it's urgent and must be resolved

Comments

@DrSensor
Copy link
Owner

DrSensor commented Jan 13, 2023

from https://www.wiktorwisniewski.dev/blog/exploring-declarative-shadow-dom

That template is transfered into shadow dom when HTML parser finds it

Seems I have misunderstood that DSD doesn't solve CLS issue. I wonder if there's pseudo-code or step-by-step sections on how DSD works 🤔

If this works then I don't need the current <slot> hack. Still, I need to figure out how portal and conditional rendering (#7) would looks like.

For now I can use polyfill to continue the development then figure out the semantics of conditional and list rendering would looks like.

@DrSensor DrSensor added optimization Because speed, memory consumption, and bundle size are important priority: high Although it's not part of the milestone, it's urgent and must be resolved labels Jan 13, 2023
@DrSensor
Copy link
Owner Author

There's still 1 mystery. What happens if Javascript disabled? Does all elements inside <template shadowroot> get rendered? If no then I must reject it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
optimization Because speed, memory consumption, and bundle size are important priority: high Although it's not part of the milestone, it's urgent and must be resolved
Projects
None yet
Development

No branches or pull requests

1 participant