ListView jiggles horizontally when large item about to scroll in or out in Windows Phone 8.1 Preview

Question

If you have a ListView (in a Windows Phone 8.1 Store app, running on the developer preview 8.10.123979.895) in which you do not explicitly constrain the size of your list view's item template (e.g., because you'd like it to resize automatically when
the screen is rotated, or to adapt well to larger screen sizes), a problem arises if some of the items in your list want to be wider than the screen. They are correctly cropped, but as you scroll down through the list, the whole list jiggles left and right
as the long item is about to scroll into view, or shortly after it has scrolled out of view.
The built-in Calendar app suffers from this problem, by the way, so even if it's possible to avoid this in my own app, the Calendar app needs fixing... If you create a large number of appointments on a single day, where most of the appointments have short
names, but one has a long name, and you then tap the day to expand its list of appointments for that day, you'll see this jiggling from left to right as you scroll through the appointments.
Here's some code that reproduces the problem:
XAML:
<Page
x:Class="Wp81ScrollBug.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid>
<ListView
x:Name="myList">
</ListView>
</Grid>
</Page>
Codehind for that:
using System.Linq;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
namespace Wp81ScrollBug
public sealed partial class MainPage : Page
private string[] _source =
Enumerable.Range(1, 80).Select(i => "Short " + i)
.Concat(new[] { "This item is much longer than the rest and causes problems as virtualization adds and removes it" })
.Concat(Enumerable.Range(81, 80).Select(i => "Short " + i)).ToArray();
public MainPage()
InitializeComponent();
NavigationCacheMode = NavigationCacheMode.Required;
myList.ItemsSource = _source;
protected override void OnNavigatedTo(NavigationEventArgs e)
You can get rid of the problem by adding this inside the ListView:
<ListView.ItemTemplate>
<DataTemplate>
<ContentControl Width="480" Content="{Binding}" />
</DataTemplate>
</ListView.ItemTemplate>
but this is unsatisfactory, because it no longer handles orientation changes or different screen sizes - when you rotate the screen, the long item doesn't get to use the whole width.

Answer 1

The Jiggle is due to virtualization and an attempt to fit the contents.  The only solution I can think of is to set the width based on the orientation.
Jeff Sanders (MSFT)
@jsandersrocks - Windows Store Developer Solutions
@WSDevSol
Getting Started With Windows Azure Mobile Services development?
Click here
Getting Started With Windows Phone or Store app development?
Click here
My Team Blog: Windows Store & Phone Developer Solutions
My Blog: Http Client Protocol Issues (and other fun stuff I support)