fixed sidebar overlapping toolbar on mobile safari

build/scss/_layout.scss

@@ -33,11 +33,13 @@ body,
     }
   }
 
-  .layout-fixed & .sidebar {
-    height: calc(100vh - (#{$main-header-height-inner} + #{$main-header-bottom-border-width}));
-  }
-  .layout-fixed.text-sm & .sidebar {
-    height: calc(100vh - (#{$main-header-height-sm-inner} + #{$main-header-bottom-border-width}));
+  @supports not (-webkit-touch-callout: none) {
+    .layout-fixed & .sidebar {
+      height: calc(100vh - (#{$main-header-height-inner} + #{$main-header-bottom-border-width}));
+    }
+    .layout-fixed.text-sm & .sidebar {
+      height: calc(100vh - (#{$main-header-height-sm-inner} + #{$main-header-bottom-border-width}));
+    }
   }
 
   .layout-navbar-fixed.layout-fixed & {
@@ -566,6 +568,14 @@ body:not(.sidebar-mini-md) {
   }
 }
 
+@supports (-webkit-touch-callout: none) {
+  .layout-fixed {
+    .main-sidebar {
+      height: inherit;
+    }
+  }
+}
+
 .main-footer {
   background: $main-footer-bg;
   border-top: $main-footer-border-top;