Unexpected behavior with the latest Avalonia Render

[laolarou726]

Describe the bug

The new render failed to display elements with size changes when using animation. It will cause elements to disappear on the screen.
Also, the control elements seem failed to deal with size change, and the elements that should stay on the screen will be removed after the animation is ended.

To Reproduce
Steps to reproduce the behavior:

1. Create a basic UI element with text and some size change animations.
2. Run the application

Expected behavior

All the elements should show correctly.

Screenshots

As you can see, the purple region should stay on the screen. However, it has been removed after the animation ended.

Desktop (please complete the following information):

• OS: Windows 11
• Version: 22H2

[maxkatz6]

Is it the latest nightly? Can you provide a minimal sample project?

[laolarou726]

Is it the latest nightly? Can you provide a minimal sample project?

Just created a repro: Github Repo

[lukaszossowski]

This seems to be happening all across the board when resizing Window for example. Text flickers, disappears, reappears. I am on Preview 4. Upper image shows the state after resizing the Window and lower after reloading the page.

It might have something to do with layouting. The first column (name) has horizontalalignment left but you can see that on the broken picture they are not aligned properly.

[Numpsy]

fwiw, I was having a go at building Avalonia.FuncUI with the nightly builds to get up to date with the latest changes, and I noticed that their control catalog app has these sort of issues when resizing the window horizontally (resizing vertically seems ok).
It seems ok with the Preview4 build.

[robloo]

I've now seen this issue in the Expander control in ControlCatalog. Sometimes the expander, when it opens, will not show any expanded content. That might be a good place to find the root cause.

[danielmayost]

In fact, the problem can be reproduced in a simple way:
in ControlCatalog change the theme to FluentDark and then click somewhere within the window.

it's happens also when i change FlowDirection.

[mhmd-azeez]

Hi, I have hit the same issue when using FlowDirection=RightToLeft.

https://user-images.githubusercontent.com/16880059/213157314-94a016dd-f7c7-4e6e-be46-34c514885184.mp4
AvaloniaApplication2.zip

Please see the attached video and the minimal repro

[danielmayost]

yes, but it's not issue with FlowDirection but the new renderer.

[mhmd-azeez]

@danielmayost is this a known bug or should I file a new issue for it?

[danielmayost]

this is the bug reported in current issue, i no think you need open new issue.

[danielmayost]

i can't reproduce with latest master, seems the my problem is solved, @laolarou726 can you test it?

[maxkatz6]

Yes, text rendering issue was fixed with #10015

[laolarou726]

Yes. The issue was fixed! Thank you guys so much!