Pivot Item Content disappears from Pivot when dragging

[rafanuness]

Describe the bug

I created a Pivot with two "tabs": Followers and Following. I disabled the carousel mode setting the IsHeaderItemsCarouselEnabled property to false. When I drag to the left the first tab (trying to go to the second), if I keep dragging after the content of the second tab appears and the Header of the first tab goes outside the Pivot, when I release it, the content disapears. The same occurs when trying to go to the second tab to the first dragging to the right and keep dragging after the content of the first one appears and the Header of the second tab goes outside the Pivot.
It only occurs when the Pivot have just two PivotItems.

Steps to reproduce the bug

1- Create a Pivot with two PivotItems and set the IsHeaderItemsCarouselEnabled to false :

<StackPanel Background="LightBlue" Width="250">
            <Pivot IsHeaderItemsCarouselEnabled="False">
                <PivotItem Header="Followers">
                    <ListView>
                        <ListViewItem Content="Follower 1"/>
                        <ListViewItem Content="Follower 2"/>
                        <ListViewItem Content="Follower 3"/>
                    </ListView>
                </PivotItem>               

                <PivotItem Header="Following" >
                    <ListView>
                        <ListViewItem Content="Person 1"/>
                        <ListViewItem Content="Person 2"/>
                        <ListViewItem Content="Person 3"/>
                    </ListView>
                </PivotItem>
            </Pivot>
        </StackPanel>

2- Drag to the left and keep dragging after the content for the next tab appears and the Header of the first tab goes outside the Pivot :

3- Release it:

Expected behavior

The content must not disappear and the selected tab must change.

Screenshots

NuGet package version

Windows App SDK 1.5.3: 1.5.240428000

Packaging type

Packaged (MSIX)

Windows version

Windows 11 version 22H2 (22621, 2022 Update)

IDE

Visual Studio 2022, Visual Studio 2019

Additional context

No response

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one. Thank you!

Open similar issues:

• Pivot unexpectedly taking all horizontal space. (#8968), similarity score: 0.71

Closed similar issues:

• Bug: Pivots inside of a TabView's content disappear when rearranging the selected tab (#2460), similarity score: 0.83
• Setting PivotItem.Visiblity to Collapsed Does not Remove It from Pivot (#2952), similarity score: 0.74
• Pivot / PivotItem rendered twice (#5895), similarity score: 0.73
• [Accessibility] Tab navigation can get stuck on Pivot control header in some cases (#2209), similarity score: 0.71

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[ranjeshj]

Pivot is not recommended anymore, and we are not planning on making fixes in this control. Please consider using SelectorBar - https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.selectorbar?view=windows-app-sdk-1.5