DUPLICATE: Sticky header: Dropdown icon transition gets overridden by header transition

Bugs
1

Browser: Chrome 130.0.6723.60
OS: Windows

Hi team,

If we use the nav nestable element or drop down in general in the header, the Transition drop down icon will be integrated with the Transition control in the header settings.

For example, we can see in this link that after scrolling, the header shadow has a 3 second transition. But if you move the mouse over the dropdowns, they are without transition. While they have 0.3s transition.

Please see the screenshots below.

Header:

Header

nav nestable (in header)

nav nestable
nav nestable373Ă—514 20.8 KB

css code

2

Hi Hosein,
Is it possible that you added “some” custom CSS? :thinking:

Otherwise, I have no explanation where this is coming from.

CleanShot 2024-10-23 at 17.45.31@2x
CleanShot 2024-10-23 at 17.45.31@2x1598Ă—1612 320 KB

Best,
timmse

3

Hi timmse,

No, I didn’t use any css code. Please watch the video below. I hope identifying the bug is useful.

5

Hi Hosein,
Thanks for the video! I just noticed that you reported this bug already, so I’ll close this report:

Best,
timmse