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

Possibile way for cross shadowDom exclusive interactive elements #1054

Open
woody-li opened this issue Mar 22, 2024 · 2 comments
Open

Possibile way for cross shadowDom exclusive interactive elements #1054

woody-li opened this issue Mar 22, 2024 · 2 comments
Labels

Comments

@woody-li
Copy link

Is there any way to implement exclusive interactive elements cross shadowDom?
Such as radio group, exclusive details, etc.

<my-radio>
  #shadowRoot
  <input type="radio" name="radio-group" value="true" />
</my-radio>

<my-radio>
  #shadowRoot
  <input type="radio" name="radio-group" value="false" />
</my-radio>
<my-accordion>
  #shadowRoot
  <details name="accordion-group">
    <summary>Accordion 1</summary>
    <p>111</p>
  </details>
</my-accordion>

<my-accordion>
  #shadowRoot
  <details name="accordion-group">
    <summary>Accordion 2</summary>
    <p>222</p>
  </details>
</my-accordion>
@rniwa rniwa added the question label Mar 22, 2024
@woody-li woody-li changed the title Question: Any possibile way for cross shadowDom exclusive interactive elements Possibile way for cross shadowDom exclusive interactive elements Sep 9, 2024
@woody-li
Copy link
Author

woody-li commented Sep 9, 2024

I haven't found any way to implement it.
So do we need a new interface for it?

@Westbrook
Copy link
Collaborator

These items share a tree relative relationship, much like an ID ref, so there isn't currently a non-JS path so making the expected association.

What sort of interface or API might you see benefiting this sort of situation?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants