[NC 14] Sidebar close icon; incompatible 'position: sticky' in Safari

[Rello]

Steps to reproduce

1. the sidebar close icon is "missing" when using Safari
   

2. Inspector shows in behind the header

3. chrome seems to be fine

Expected behaviour

back to normal

Actual behaviour

wrong

Server configuration

Nextcloud version: NC14 Beta 4

Client configuration

Browser: Safari 11.1

Operating system: macOS

Reason:

the app-sidebar css was changed from position: fixed; to position: sticky;
https://github.com/nextcloud/server/blob/master/core/css/apps.scss#L642

This is not compatible with Safari
https://caniuse.com/#search=sticky

it would be by using position: -webkit-sticky; but this will not work on e.g. chrome.

[nextcloud-bot]

GitMate.io thinks possibly related issues are #6041 (Compact sidebar - icon only sidebar), #10603 (Ideas for NC 14), #10372 (Fix files header sticky positioning ), #7724 (The loading icon is not at the same position as the checkbox it replaces), and #5157 (Icon inconsistency).

[weeman1337]

@Rello thanks for the report.

it would be by using position: -webkit-sticky; but this will not work on e.g. chrome.

It is possible to have more than one position rule. The first one recognized by the browser is taken. So it's not a problem to have

position: -webkit-sticky;
position: sticky;