From 8b1801f378dc5174186dad7db8843a1c9312d9d8 Mon Sep 17 00:00:00 2001
From: Zack Barett <arnett.zackary@gmail.com>
Date: Tue, 8 Sep 2020 02:14:34 -0500
Subject: [PATCH] Fix header on media browser in safari (#6838)

---
 src/components/media-player/ha-media-player-browse.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 8f54e1204c..0d9cde1946 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -172,6 +172,7 @@ export class HaMediaPlayerBrowse extends LitElement {
       <div
         class="header  ${classMap({
           "no-img": !currentItem.thumbnail,
+          "no-dialog": !this.dialog,
         })}"
       >
         <div class="header-content">
@@ -543,6 +544,7 @@ export class HaMediaPlayerBrowse extends LitElement {
         .header {
           background-color: var(--card-background-color);
           position: sticky;
+          position: -webkit-sticky;
           top: 0;
           z-index: 5;
           padding: 20px 24px 10px;
@@ -740,6 +742,10 @@ export class HaMediaPlayerBrowse extends LitElement {
           padding: 0;
         }
 
+        :host([narrow]) .header.no-dialog {
+          display: block;
+        }
+
         :host([narrow]) .header_button {
           position: absolute;
           top: 14px;