Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Question]: SbbExpansionPanel remove animation when expanded is set to true #3252

Open
3 tasks done
lukashofer2 opened this issue Nov 26, 2024 · 3 comments
Open
3 tasks done
Labels
type: question ❓ Further information is requested

Comments

@lukashofer2
Copy link

Preflight Checklist

It affects the following packages

Components

Your Question

Is there a way to remove the animation when expanded is set to true

Give us a summary about your question

1.Description of the problem

When we set the SbbExpansionPanel with expanded to true, there is this ugly animation.
2.When did it happen?

Developing with Lyne Components in our Web Application (Business-Context)
3.Which system/cluster is affected?

Lyne Components (elements / sbb-accordion / sbb-expansion-panel - Docs ⋅ Storybook)

Provide as much useful information as you can

We could of course remove the animation with: --sbb-expansion-panel-animation-duration: 0ms !important; But then the closure of the panel was wrong

@jeripeierSBB
Copy link
Contributor

Hi @lukashofer2 Thank you for the question. Are you using changing the "expanded" property during run time programmatically or only initially? Because initially it shouldn't present any animation.

@lukashofer2
Copy link
Author

@jeripeierSBB only initially. we want to have it expanded intially but then the user can close or open as he wants.

@jeripeierSBB
Copy link
Contributor

Thank you. Could you provide a stackblitz example? At least in our storybook it's not reproducible: https://lyne-storybook.app.sbb.ch/?path=/story/elements-sbb-accordion-sbb-expansion-panel--expanded-icon

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: question ❓ Further information is requested
Projects
Development

No branches or pull requests

2 participants