Conceptual Design - Solid better User Experience

happybeing · January 18, 2020, 12:24pm

Somebody is not happy about the shadow DOM which from this I understand is to do with Web Components:

Serialize shadow DOM for use in javascript disabled user agents

opened 07:18PM - 30 Jan 19 UTC

needs concrete proposal shadow-dom

Web components are great, but unfortunately, they makes the web unusable with us…er agents with javascript disabled. Mostly because custom elements and their behaviour is defined with Javascript. In some applications where the web components are mostly static (components that defines layouts, or that are templating static data) it makes sense to allow user agents with javascript disabled to access the content. To be able to render webcomponents user-agents with javascript enabled or disabled (both) we need a way to attach a shadow tree (computed from server-side) to a custom element in pure HTML that does not conflict with javascript-enabled user-agents. Would it be possible to imagine something like that: ```html <custom-element> <template shadow-dom> <p>Hello <slot name="name"></slot></p> </template> <span slot="name">World</span> </custom-element> ``` If the `custom-element` is not declared via javascript, the user-agent knows that `custom-element` is a webcomponent (because it is multi-word) and can attach the shadow-dom template to it, without a line of javascript. Instead, if the user-agents declares the `custom-element` through javascript, it can redefine the shadow DOM for that element, and it can continue to work as usual.

I started a topic on the SAFE Dev forum:

Topic		Replies	Views
Concepts for apps in a decentralised web	14	1192	May 17, 2020
An idea for incremental UX	12	959	May 22, 2020
Changes to Solid 'data browser' Ideas for Solid Apps	17	2774	November 11, 2018
Seeking Collaboration and Guidance for Our Conceptual SOLID-based Project Ideas for Solid Apps	2	274	January 24, 2024
OpenChakra: a visual React builder	1	569	February 13, 2020

Conceptual Design - Solid better User Experience

Related topics