title: XAML transitions on Windows 8 Ignored
body: <p>Currently working with Windows 8.1 and XAML Transitions.</p>
  
  <p>I have a grid that translates across my page. Inside the grid I have an image which I want to scale.
  When I set up the animations using Blend all is well but once deployed the scale animation on the image is never acted upon, it's as if the grid stops forces its children to ignore their transitions.</p>
  
  <p>The same XAML code works as expected on Windows Phone, but not on Windows 8.1.</p>
  
  <p>Here's some example code to illustrate:</p>
  
  <pre><code>&lt;Page.Resources&gt;
      &lt;ResourceDictionary&gt;
          &lt;Storyboard x:Name="MainStoryboard"&gt;
              &lt;DoubleAnimationUsingKeyFrames x:Name="PanelOut" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="Panel1"&gt;
                  &lt;EasingDoubleKeyFrame x:Name="PanelOutInitial" KeyTime="0" Value="0"/&gt;
                  &lt;EasingDoubleKeyFrame x:Name="PanelOutKeyFrame" KeyTime="0:0:3" Value="-648"&gt;
                      &lt;EasingDoubleKeyFrame.EasingFunction&gt;
                          &lt;QuinticEase EasingMode="EaseInOut"/&gt;
                      &lt;/EasingDoubleKeyFrame.EasingFunction&gt;
                  &lt;/EasingDoubleKeyFrame&gt;
              &lt;/DoubleAnimationUsingKeyFrames&gt;
              &lt;DoubleAnimationUsingKeyFrames x:Name="PanelIn" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="Panel2"&gt;
                  &lt;EasingDoubleKeyFrame x:Name="PanelInInitial" KeyTime="0" Value="648"/&gt;
                  &lt;EasingDoubleKeyFrame x:Name="PanelInKeyFrame" KeyTime="0:0:3" Value="0"&gt;
                      &lt;EasingDoubleKeyFrame.EasingFunction&gt;
                          &lt;QuinticEase EasingMode="EaseInOut"/&gt;
                      &lt;/EasingDoubleKeyFrame.EasingFunction&gt;
                  &lt;/EasingDoubleKeyFrame&gt;
              &lt;/DoubleAnimationUsingKeyFrames&gt;
              &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="Image2"&gt;
                  &lt;EasingDoubleKeyFrame KeyTime="0" Value="1"/&gt;
                  &lt;EasingDoubleKeyFrame KeyTime="0:0:3" Value="2"/&gt;
              &lt;/DoubleAnimationUsingKeyFrames&gt;
              &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="Image2"&gt;
                  &lt;EasingDoubleKeyFrame KeyTime="0" Value="1"/&gt;
                  &lt;EasingDoubleKeyFrame KeyTime="0:0:3" Value="2"/&gt;
              &lt;/DoubleAnimationUsingKeyFrames&gt;
          &lt;/Storyboard&gt;
      &lt;/ResourceDictionary&gt;
  &lt;/Page.Resources&gt;
  
  &lt;Grid x:Name="LayoutRoot" Tapped="LayoutRoot_Tapped" Background="DarkGray"&gt;
      &lt;Grid
          x:Name="Panel1"
          Background="{StaticResource StoryBackgroundBrush}"
          RenderTransformOrigin="0.5,0.5"&gt;
          &lt;Grid.RenderTransform&gt;
              &lt;CompositeTransform/&gt;
          &lt;/Grid.RenderTransform&gt;
          &lt;Grid.CacheMode&gt;
              &lt;BitmapCache&gt;&lt;/BitmapCache&gt;
          &lt;/Grid.CacheMode&gt;
          &lt;Grid&gt;
              &lt;Image x:Name="Image1"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  Source="/uicontent/images/AttractLoop/imaging3.jpg" Stretch="UniformToFill" RenderTransformOrigin="0.5,0.5"&gt;
                  &lt;Image.RenderTransform&gt;
                      &lt;CompositeTransform/&gt;
                  &lt;/Image.RenderTransform&gt;
              &lt;/Image&gt;
              &lt;TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="Share photos easily." VerticalAlignment="Top" Margin="48,48,0,0" FontSize="68" FontFamily="Segoe UI" Foreground="#FFDA3B01"/&gt;
          &lt;/Grid&gt;
      &lt;/Grid&gt;
      &lt;Grid
          x:Name="Panel2"
          Background="{StaticResource OneDriveBackgroundBrush}"
          RenderTransformOrigin="0.5,0.5"&gt;
          &lt;Grid.RenderTransform&gt;
              &lt;CompositeTransform x:Name="Trans" TranslateY="800"/&gt;
          &lt;/Grid.RenderTransform&gt;
          &lt;Grid.CacheMode&gt;
              &lt;BitmapCache&gt;&lt;/BitmapCache&gt;
          &lt;/Grid.CacheMode&gt;
          &lt;Grid&gt;
              &lt;Image x:Name="Image2"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  Source="/uicontent/images/AttractLoop/imaging1.jpg" Stretch="UniformToFill"&gt;
                  &lt;Image.RenderTransform&gt;
                          &lt;CompositeTransform/&gt;
                      &lt;/Image.RenderTransform&gt;
                  &lt;/Image&gt;
              &lt;TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="Tap to begin." VerticalAlignment="Top" Margin="48,48,0,0" FontSize="68" FontFamily="Segoe UI" Foreground="#FFDA3B01"/&gt;
          &lt;/Grid&gt;
      &lt;/Grid&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p></p>
  
  <p>Interestingly, when I try to edit the transition in Blend the scale animation slider always snaps back to 0 as if there is a bug.</p>
  
  <p>Any ideas as to why this is happening?</p>