question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TransitioningContentControl causes the control style to be lost during animation

See original GitHub issue

English is not my native language; please excuse typing errors.

Describe the bug

TransitioningContentControl causes the control style to be lost during the PageTransition animation. For example, Button would lose its original style and only the text will remain.

Bug Exmaple

I have already read about #9621 and related PR #9802. But looks like Avalonia 0.10.19 didn’t fixes this issue. Is this problem only fixed in 0.11.0 or later? Please let me know if there is a solution in 0.10.x.

To Reproduce Steps to reproduce the behavior:

  1. Create a project with Avalonia IDE plugin.
  2. Set a TransitioningContentControl with TransitioningContentControl.PageTransition in MainWindow.axaml.
  3. Try to change the content.

Desktop (please complete the following information):

Tested at:

  • OS: Windows 10 22H2 19045.2846, Windows 11 22H2 22621.1555, Ubuntu-x64 20.04.5 LTS (KVM), Ubuntu-ARM64 22.04

Thanks for your help.

Issue Analytics

  • State:closed
  • Created 4 months ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
timuniecommented, May 10, 2023

Atm almost all energy goes into 11.0. So while technically it can be fixed, its unlikely to be fixed soon in 0.10.x

1reaction
danielmayostcommented, May 10, 2023

yes, #9803 fixes this. but It didn’t roll back to version 0.10.x, I’m not sure why. @maxkatz6

Read more comments on GitHub >

github_iconTop Results From Across the Web

Webkit CSS Animation issue - persisting the end state of ...
Clearly this makes sense in CSSland. The animation has been applied and is no longer acting on the element so the original styles...
Read more >
TransitioningContentControl
When you change the content, an animation is played switching the old content to the new one.
Read more >
Why are CSS animations and transitions blocked by ...
The animation or transition may stop suddenly or fail to show altogether if the properties are altered before it has finished. This happens ......
Read more >
Animation Techniques for Adding and Removing Items ...
Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do.
Read more >
Animation transition and timing
An animation transition specifies changes that occur between one state and another. Set the transition to make the change less abrupt.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found