From 295f2beef08c349fff6b7113327fb5625cad3b26 Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Fri, 1 Apr 2022 11:17:46 +0200
Subject: [PATCH] Fix #6696

---
 changelog/unreleased/bugfix-unsticky-appbar-position        | 6 ++++++
 packages/web-app-files/src/components/AppBar/AppBar.vue     | 4 +++-
 .../web-runtime/src/components/SidebarNav/SidebarNav.vue    | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 changelog/unreleased/bugfix-unsticky-appbar-position

diff --git a/changelog/unreleased/bugfix-unsticky-appbar-position b/changelog/unreleased/bugfix-unsticky-appbar-position
new file mode 100644
index 00000000000..c74011c4383
--- /dev/null
+++ b/changelog/unreleased/bugfix-unsticky-appbar-position
@@ -0,0 +1,6 @@
+Bugfix: Unsticky appbar position
+
+After recent changes to the files appbar, it wouldn't be visible when scrolling inside the table. This has been resolved.
+
+https://github.com/owncloud/web/pull/6705
+https://github.com/owncloud/web/issues/6696
diff --git a/packages/web-app-files/src/components/AppBar/AppBar.vue b/packages/web-app-files/src/components/AppBar/AppBar.vue
index a4a3d48a5b5..cfda1b1db8b 100644
--- a/packages/web-app-files/src/components/AppBar/AppBar.vue
+++ b/packages/web-app-files/src/components/AppBar/AppBar.vue
@@ -127,10 +127,12 @@ export default {
 <style lang="scss" scoped>
 #files-app-bar {
   background-color: var(--oc-color-background-default);
+  border-top-right-radius: 15px;
   box-sizing: border-box;
   z-index: 2;
+  position: sticky;
   padding: 0 var(--oc-space-medium);
-  border-top-right-radius: 15px;
+  top: 0;
 
   .files-app-bar-actions {
     align-items: center;
diff --git a/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue b/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
index 03cb01e768c..f3bd37f2472 100644
--- a/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
+++ b/packages/web-runtime/src/components/SidebarNav/SidebarNav.vue
@@ -51,7 +51,7 @@ export default {
     }
   },
   computed: {
-    ...mapState(['sidebar', 'navigation']),
+    ...mapState(['navigation']),
 
     toggleSidebarButtonClass() {
       return this.navigation.closed