The clipboard success message is abrupt and vanishes too fast

[Everkers]

URL:

https://nodejs.org/

Browser Name:

Brave

Browser Version:

1.80.115

Operating System:

macOS Sequoia, v15.4

How to reproduce the issue:

• What I did.
  I tested the copy button on various code block components in the site.

• What I expected to happen.
  I expected a smooth, modern notification animation—ideally something like a subtle bottom-to-top motion or a slide-in from the side—to match the overall feel of the UI.

• What I actually got.
  The clipboard success animation felt too sudden and disappeared so quickly it was barely noticeable. It seemed inconsistent with the otherwise polished interface.

Let me know if you’d like this improved—I already have a PR with a fix ready and just need confirmation before opening it.

Screen.Recording.2025-07-04.at.12.18.11.AM.mov

[ShubhamOulkar]

It seems like we need to increase duration to 3000. Should I fix it or It was intentional to keep 300 duration?

[ovflowd]

This is so weird, that wasn't the behaviour before; cc @nodejs/nodejs-website do we have some sort of regression here?

[Everkers]

Opened a PR with the fix: #7950

I added animation classes and increased the duration from 300ms to 800ms for a smoother transition.

[avivkeller]

do we have some sort of regression here?

I checked the blame, and it appears I didn't add the third 0 to the duration during the @node-core/ui-components setup. In the commit right before the migration,

nodejs.org/apps/site/components/Common/CodeBox/index.tsx

Line 93 in 8eba3da

duration: 3000,

.