Merge pull request #15791 from grafana/fix/leave-playlist

Fix for leaving playlist mode

public/app/features/dashboard/components/DashNav/DashNav.tsx

@@ -8,6 +8,7 @@ import { appEvents } from 'app/core/app_events';
 import { PlaylistSrv } from 'app/features/playlist/playlist_srv';
 
 // Components
+import { ClickOutsideWrapper } from 'app/core/components/ClickOutsideWrapper/ClickOutsideWrapper';
 import { DashNavButton } from './DashNavButton';
 import { Tooltip } from '@grafana/ui';
 
@@ -173,6 +174,7 @@ export class DashNav extends PureComponent<Props> {
         {this.renderDashboardTitleSearchButton()}
 
         {this.playlistSrv.isPlaying && (
+          <ClickOutsideWrapper onClick={this.onPlaylistStop}>
             <div className="navbar-buttons navbar-buttons--playlist">
               <DashNavButton
                 tooltip="Go to previous dashboard"
@@ -193,6 +195,7 @@ export class DashNav extends PureComponent<Props> {
                 onClick={this.onPlaylistNext}
               />
             </div>
+          </ClickOutsideWrapper>
         )}
 
         <div className="navbar-buttons navbar-buttons--actions">