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

Problems with transitions on iOS #13029

Closed
MihaMarkic opened this issue Sep 26, 2023 · 0 comments · Fixed by #13942
Closed

Problems with transitions on iOS #13029

MihaMarkic opened this issue Sep 26, 2023 · 0 comments · Fixed by #13942

Comments

@MihaMarkic
Copy link
Contributor

MihaMarkic commented Sep 26, 2023

Describe the bug
It seem like transition is not animating or stops randomly.
If I comment transition, then style is applied correctly (but, of course, without an animation)

To Reproduce

Run XAML below on iOS. It works as expected on Android and macOS desktop.

<StackPanel Classes.rotated="{Binding #Rotate.IsChecked}"
              HorizontalAlignment="Center" VerticalAlignment="Center">
      <StackPanel.Styles>
          <Style Selector="StackPanel">
              <Setter Property="RenderTransform" Value="rotate(0)" />
          </Style>
          <Style Selector="StackPanel.rotated">
              <Setter Property="RenderTransform" Value="rotate(45deg)" />
          </Style>
      </StackPanel.Styles>
      <StackPanel.Transitions>
          <Transitions>
              <TransformOperationsTransition Property="RenderTransform"
                                             Duration="0:0:1"
                                             Easing="ExponentialEaseIn" />
          </Transitions>
      </StackPanel.Transitions>
      <TextBlock Text="Transition not working on iOS" TextWrapping="Wrap" TextAlignment="Center"
                 FontSize="40" FontWeight="Bold"
                 HorizontalAlignment="Center" VerticalAlignment="Center">
      </TextBlock>
      <CheckBox x:Name="Rotate" HorizontalAlignment="Center">Rotate</CheckBox>
  </StackPanel>

Expected behavior
StackPanel should rotate with an animation.

Desktop (please complete the following information):

  • Desktop (IDE) - macOS 13.6 M2
  • OS: iOS latest emulator and iPad 15.7.9
  • Avalonia: 11.0.2+ (including latest beta)

Additional context
Add any other context about the problem here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants