Allow form controls in a shadow root to participate in it's host form submission

[KonnorRogers]

What problem are you trying to solve?

A way to allow for custom elements with a DSD to participate in form submissions prior to JavaScript loading allowing for "Progressive Enhancement"

What solutions exist today?

The only one im aware of is rendering the form control in the light DOM, and then when the custom elements loads, swapping focus / values / et al onto the shadow DOM form control.

How would you solve it?

I'm not sure.

The 2 ideas are either a declarative way to "hoist" shadow dom form controls.

Or some way to decoratively define form association on DSD template

Anything else?

I don't expect this to cover every possible use case. Ideally it covers simple things like an <input> in the shadow dom of a custom element with a DSD.