app-router inside core-drawer panel doesnt apply transitions · erikringsmuth/app-router#91

(1 留言) (0 反應) (0 負責人)HTML (608 star) (83 fork)batch import

(・_・ヾhelp wanted

描述

When I place app-router inside core-drawer-panel as its main content the animations/transitions of core-animated-pages doesn´t seem to work.

When I pull out app-router and put it on the same part as root level (body) works just fine.

** this doesn´t animate **

<core-drawer-panel id="dwp">
    <app-sidebar drawer id="sidebar"></app-sidebar>
    <app-router main core-animated-pages id="router" core-animated-pages transitions="hero-transition cross-fade slide-down slide-from-right" mode="hash">
            <app-route path="/create-account" element="page-create-account"></app-route>
            <app-route path="/create-account-final" element="page-register-final"></app-route>
        </app-router>
</core-drawer-panel>

** this does **

<body unresolved>
<app-router main core-animated-pages id="router" core-animated-pages transitions="hero-transition cross-fade slide-down slide-from-right" mode="hash">
            <app-route path="/create-account" element="page-create-account"></app-route>
            <app-route path="/create-account-final" element="page-register-final"></app-route>
        </app-router>
</body>

Why is that?

貢獻者指南

技術棧: htmljavascriptcssweb components
領域: frontend
議題類型: bug
難度: 3
預計時間: 1-3 hours
活動狀態: stale
清晰度: clear
前置要求: HTMLCSS transitionsWeb Components
新手友善度: 40
研究方向: Investigate the difference in transition behavior when app router is placed inside core drawer panel versus directly in body. Look at the app router source code (likely app router.html) and the core drawer panel documentation. Check if any CSS or layout constraints prevent transitions from firing. Consider reproducing the issue with a minimal example. No linked PRs or comments provide a solution.