fix: Team-Panel erschien neben statt unter seinem Menuepunkt
Mit viewport={false} haengt der Inhalt per top-full/left-0 am naechsten
positionierten Vorfahren, und das ist die Leiste selbst und nicht der
Menuepunkt. Das Panel stand dadurch am linken Rand statt unter "Team":
Der Zeiger lief auf dem Weg dorthin ins Leere, und nach delayDuration
klappte das Menue zu, bevor jemand einen Eintrag treffen konnte.
Jetzt mit Viewport, so wie die Komponente gedacht ist.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01P32KoesVtABd6xWsqMKzhr
This commit is contained in:
parent
65bb7f1f3f
commit
52dbde2a25
1 changed files with 9 additions and 6 deletions
|
|
@ -187,12 +187,15 @@
|
|||
</a>
|
||||
|
||||
<!--
|
||||
viewport={false}: Das Panel haengt unter seinem
|
||||
Menuepunkt, statt als animierte Flaeche ueber die
|
||||
ganze Leiste zu fahren. Bei einem einzigen
|
||||
aufklappbaren Punkt waere das grosse Kino ohne
|
||||
Stueck. -->
|
||||
<NavigationMenu.Root viewport={false} class="hidden md:flex">
|
||||
Mit Viewport, also so, wie die Komponente gedacht
|
||||
ist. Ohne ihn haengt das Panel per top-full/left-0
|
||||
am naechsten positionierten Vorfahren — das ist
|
||||
die Leiste selbst, nicht der Menuepunkt. Es
|
||||
erschien dann am linken Rand statt unter „Team",
|
||||
der Zeiger lief auf dem Weg dorthin ins Leere und
|
||||
das Menue klappte zu, bevor jemand einen Eintrag
|
||||
treffen konnte. -->
|
||||
<NavigationMenu.Root class="hidden md:flex">
|
||||
<NavigationMenu.List class="items-center gap-2">
|
||||
{#each nav as item}
|
||||
{@const Icon = item.icon}
|
||||
|
|
|
|||
Loading…
Reference in a new issue