[Bug report]: Avatar dropdown displays on page load, causing a flashing animation.
Closed this issue · 3 comments
Requirements before reporting
- No duplicated issue reported.
- I have read the contribution guidelines.
- I have checked the lastest version if the bug exist there. See all avaliable packages at npmJS.com
- I have made sure that the issue comes from SDDS packages by removing SDDS from my project as a test.
- I have followed the installation guide.
Package
@scania/components
Package versions
@scania/components: 3.0.0
Browser
Chrome
Framework
Angular
Version
Angular 13.3.0
Reproduction steps
- Download and run the example project
- Refresh the page
- Observe the Avatar dropdown
Code example
Screenshots
Expected behaviour
The Avatar dropdown should remain hidden until it has been actioned to display.
Console errors
No response
Contact information
Hi @furkick ! It might be the case that our demo page does not come with the latest header component. We are currently working on a new demo page.
Meanwhile, have a look at our header component in Storybook, in case it helps somehow.
https://production.d1g8v8mrkx992n.amplifyapp.com/?path=/story/patterns-header--all-menus
Hi @alexlioliopoulos, I have had a look at the Storybook and it seems to suffer from the same issue when loading?
The example above shows that multiple components flash/load on page load as opposed to being hidden until actioned.
Aha, yes you are right! Let us have a look at it. Thanks for reporting it btw.