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

TabView TabGeometry Animation Loop & Under Tab Line Fix #8430

Merged
merged 3 commits into from
Apr 25, 2023

Conversation

karkarl
Copy link
Contributor

@karkarl karkarl commented Apr 24, 2023

Description

When changing TabWidthMode from Equal to SizeToContent, the 1 / ScaleFactor adjustment was causing the TabGeometry to be slightly smaller than its parent LayoutRoot, causing a continuous loop of OnSizeChanged() / UpdateTabGeometry() calls.

Solution:
SelectedBackgroundPath is now wrapped in a Canvas as it does not take up space in the xaml layout. This prevents the infinite loop where the children and parent are dependent on one another for sizing, and prevents regression from these bug fixes: #6954 and #7174

I've also updated the Path geometry and removed the 1p adjustment to remove the line between the tabs.

Motivation and Context

Fixes internal bug 44190129 and 40692364

How Has This Been Tested?

Manual verification.

Screenshots (if appropriate):

image

@microsoft-github-policy-service microsoft-github-policy-service bot added the needs-triage Issue needs to be triaged by the area owners label Apr 24, 2023
@karkarl
Copy link
Contributor Author

karkarl commented Apr 24, 2023

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

Visibility="Collapsed"
Data="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TabViewTemplateSettings.TabGeometry}" />

<Canvas>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a comment stating why this is here.

Copy link
Member

@kmahone kmahone left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:shipit:

@karkarl
Copy link
Contributor Author

karkarl commented Apr 25, 2023

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@karkarl karkarl merged commit 5f52761 into main Apr 25, 2023
@karkarl karkarl deleted the user/karkarl/TabViewTabGeometryFix branch April 25, 2023 03:51
bkudiess pushed a commit that referenced this pull request May 1, 2023
* wrap tabGeometry in Canvas

* clean up

* add comment

(cherry picked from commit 5f52761)
DHowett pushed a commit to microsoft/terminal that referenced this pull request May 10, 2023
Reverts #15164, because that's fixed upstream now.

Closes #15139. 

Reverts #15178, but also closes #15121, because that's fixed upstream.

see also:
* microsoft/microsoft-ui-xaml#8430
* microsoft/microsoft-ui-xaml#8420
@bpulliam bpulliam removed the needs-triage Issue needs to be triaged by the area owners label Jun 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants