Skip to content

chore(navigation): move transition to NavigationItem - #2074

Merged
dancormier merged 5 commits into
betafrom
dcormier/nav-animation-example-tweak
Nov 26, 2025
Merged

chore(navigation): move transition to NavigationItem#2074
dancormier merged 5 commits into
betafrom
dcormier/nav-animation-example-tweak

Conversation

@dancormier

Copy link
Copy Markdown
Contributor

This PR adds transition:slide to the NavigationItem component. This will allow for simpler markup for toggling Navigation sections and increases the likelihood that markup will be valid.

See this Slack thread for more details. cc @kylejrp

Note

@giamir Should we consider adding a prop to add/remove the transition? I'm not sure what the potential unintended effects of including the transition on every NavigationItem might be.

@dancormier
dancormier requested a review from giamir November 25, 2025 23:33
@changeset-bot

changeset-bot Bot commented Nov 25, 2025

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 2bb2afe

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@dancormier
dancormier marked this pull request as ready for review November 25, 2025 23:33
@netlify

netlify Bot commented Nov 25, 2025

Copy link
Copy Markdown

Deploy Preview for stacks ready!

Name Link
🔨 Latest commit 2bb2afe
🔍 Latest deploy log https://app.netlify.com/projects/stacks/deploys/6926d686b2c2120007c769cc
😎 Deploy Preview https://deploy-preview-2074--stacks.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Nov 25, 2025

Copy link
Copy Markdown

Deploy Preview for stacks-svelte ready!

Name Link
🔨 Latest commit 2bb2afe
🔍 Latest deploy log https://app.netlify.com/projects/stacks-svelte/deploys/6926d6860d302d00090041b6
😎 Deploy Preview https://deploy-preview-2074--stacks-svelte.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@giamir giamir left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I took the liberty to make the transition an opt in feature. That helps also with odd behavior I noticed in the trailing example where animations where triggered also when elements were selected.

Good to merge and release for me so that @kylejrp can use it.

Thank you both.

@dancormier
dancormier merged commit 1e98516 into beta Nov 26, 2025
18 checks passed
@dancormier
dancormier deleted the dcormier/nav-animation-example-tweak branch November 26, 2025 15:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants