aurelia / aurelia/templating

@children Only Working in Chrome

Open
#655 27 comments 0 reactions 0 assignees View on GitHub
documentation question
Dominant language
TypeScript
Stars
113
Forks
101
PR merge metrics
No merged PRs in 30d

Description

Using `@children` in a custom element is only working in Chrome. Adding `@useShadowDOM` to the custom element got it working in FireFox but it does not work in Edge. My elements have slots and two types of custom elements can be nested within each other forming a multi-level menu.

@fkleuver This is a carry over from our discussion in the vNext space.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the reported @children behavior in custom elements containing slots and nested menu elements across Chrome, Firefox, and Edge. Compare the result with and without @useShadowDOM; done means @children works consistently across the reported browsers, including multi-level nesting.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.