nextcloud-vue
nextcloud-vue copied to clipboard
[7.0.0-beta.2] AppSidebar is initiated with wrong top position
NC: 25-beta6 Polls-4.0-branch: https://github.com/nextcloud/polls/tree/dep/vue-nextcloud-6 The issue for me is only reproducible in Firefox (104.0.2 / 105.0b9), does not happen in chrome.
When opening a poll in Polls the sidebar gets opened initially (as a router-view). In this case, the height and top position appears too low.

Opening the sidebar (after closing or for small screens, where the sidebar gets not opened initially), it is rendered correctly.
Funny enough: Moving the mouse over the inspector tab in the developer panel fixes the issue. Even just taking the screenshot for this issue (with Greenshot) fixed it too, but only if no interaction with the app (i.e. a simple mouse click) happened before. Otherwise the issue stands.
https://user-images.githubusercontent.com/26707476/189585452-f2c79f98-39de-4f6b-bbb2-c39b6d888d43.mp4
The appearance is similair to the appearence in deck, when opening the sidebar or the navigation.

I have no idea how to analyze that. Any hint? Possibly related with #2053?
Edit: The issue is also reproducible i.e. in the files app, when the Firefox window gets resized (height)

Setting top to 0 or just deleting this line elimintates this behavior.
https://github.com/nextcloud/nextcloud-vue/blob/cb828510587a8edbdef0011ae157240774564979/src/components/NcAppSidebar/NcAppSidebar.vue#L628-L634
Is var(--header-hight) set intenionally or in any way important?
closing in favour of #3289