Unable to open status selection when scrolled down

[raimund-schluessler]

Also, the status select popover moves out of the viewport when scrolling and flutters while scrolling. See here:

This is due to the boundaries-element being body which moves out of the viewport. The flutter is due to the container being body as well, which moves. See nextcloud-libraries/nextcloud-vue#1384 for details.

Server version: latest master.

[raimund-schluessler]

I reopen this since we will likely revert #22614 in #22773.

[raimund-schluessler]

See my comment in nextcloud-libraries/nextcloud-vue#1384 (comment). From my side there will be no solution to fix this other than setting min-height: 100%, sorry.

[raimund-schluessler]

So, how do we proceed here? Globally changing the CSS in server obviously is no solution as it breaks some apps at the moment. However, I think we still need to fix this issue, also for Nextcloud 20.

As only apps which use the default layout are affected by this, it might be a solution to fix this on a per app basis for now. I know this is more work, and not the ideal solution for something that should just work, but the advantage is we could check per app if something breaks.

Apps currently affected by this problem are (list is not exhaustive):

• Dashboard
• Files
• Activity
• Photos
• Contacts
• Settings

For all these apps adding

body {
	min-height: 100%;
	height: auto; /* necessary to overwrite the server css rule */
}

like I did for Tasks in nextcloud/tasks#1224 fixes the issue and I couldn't see any problems (but this sure needs more testing). Later on we could adjust apps which currently break with this style (e.g. Talk) to anyway work properly and move this CSS rule to server.

@nextcloud/vuejs What do you think?