nextcloud-vue icon indicating copy to clipboard operation
nextcloud-vue copied to clipboard

[7.0.0-beta.2] AppSidebar is initiated with wrong top position

Open dartcafe opened this issue 3 years ago • 2 comments

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. grafik

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. grafik

I have no idea how to analyze that. Any hint? Possibly related with #2053?

dartcafe avatar Sep 12 '22 05:09 dartcafe

Edit: The issue is also reproducible i.e. in the files app, when the Firefox window gets resized (height)

grafik

dartcafe avatar Sep 13 '22 19:09 dartcafe

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?

dartcafe avatar Sep 21 '22 20:09 dartcafe

closing in favour of #3289

dartcafe avatar Oct 29 '22 08:10 dartcafe