Switching to a chat from the root page has a UI glitch if sidebar was open before

[ShGKme]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

---

On sidebar appearing, there is a weird effect with unexpected margin change which moves navigation to the left and then back.

In slow-mo you can see that actually it moves back and forward:

❗ **the glitch speed is defined by NcAppSidebar transition. It is no <NcAppnavigation>'s transition.

Comes after @nextcloud/vue v8.13.0 from nextcloud-libraries/nextcloud-vue#5608

🤯 However, that change is probably not the source of the issue. Glitch depends on an action in NcAppNavigation.

---

It is not reproducible if <LeftSidebar> is hidden and an empty <NcAppNavigation> added in Talk.

<NcAppNavigation />
<NcAppContent>
	<!-- move somewhere because it is required -->
	<LeftSidebar v-if="getUserId && !isFullscreen" ref="leftSidebar" v-show="false" />
	<router-view />
</NcAppContent>

---

It is reproducible if the main part is removed, <RightSidebar> is replaced with an empty <NcAppSidebar> without new open feature.

<LeftSidebar ref="leftSidebar" />
<NcAppContent>
	<!-- <router-view />-->
</NcAppContent>
<!-- <RightSidebar :is-in-call="isInCall" />-->
<NcAppSidebar v-if="token" />

[ShGKme]

Gifs are from Talk Desktop, but everything is the same in Web

[ShGKme]

Found a problem in @nextcloud/vue

NcContent is scrollable (overflow: hidden only removes the scroll bar unlike overflow: clip) and during open scrolled to the focused element in the sidebar.