From c537763a2352a8b41611d784e31d7c36fef53019 Mon Sep 17 00:00:00 2001
From: kimsible <kimsible@users.noreply.github.com>
Date: Wed, 12 Aug 2020 13:33:43 +0200
Subject: [PATCH] Fix autoclose md popover when click on emoji list link inside

---
 .../+video-watch/comment/video-comment-add.component.html       | 2 +-
 client/src/app/shared/shared-main/misc/help.component.html      | 2 +-
 client/src/app/shared/shared-main/misc/help.component.ts        | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html
index 6b3d39730..22bcd65db 100644
--- a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html
+++ b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html
@@ -10,7 +10,7 @@
                 (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()" #textarea>
 
       </textarea>
-      <my-help class="markdown-guide" helpType="custom" iconName="markdown" tooltipPlacement="left auto" i18n-title title="Markdown compatible">
+      <my-help class="markdown-guide" helpType="custom" iconName="markdown" tooltipPlacement="left auto" autoClose="true" i18n-title title="Markdown compatible">
         <ng-template ptTemplate="customHtml">
           <span i18n>Markdown compatible that supports:</span>
 
diff --git a/client/src/app/shared/shared-main/misc/help.component.html b/client/src/app/shared/shared-main/misc/help.component.html
index b2d58a828..af8cb3b17 100644
--- a/client/src/app/shared/shared-main/misc/help.component.html
+++ b/client/src/app/shared/shared-main/misc/help.component.html
@@ -32,7 +32,7 @@
   [attr.aria-pressed]="isPopoverOpened"
   [ngbPopover]="tooltipTemplate"
   [placement]="tooltipPlacement"
-  autoClose="outside"
+  [autoClose]="autoClose"
   (onHidden)="onPopoverHidden()"
   (onShown)="onPopoverShown()"
 >
diff --git a/client/src/app/shared/shared-main/misc/help.component.ts b/client/src/app/shared/shared-main/misc/help.component.ts
index bcbb464f3..9647e05bd 100644
--- a/client/src/app/shared/shared-main/misc/help.component.ts
+++ b/client/src/app/shared/shared-main/misc/help.component.ts
@@ -14,6 +14,7 @@ export class HelpComponent implements OnInit, OnChanges, AfterContentInit {
   @Input() tooltipPlacement = 'right auto'
   @Input() iconName: GlobalIconName = 'help'
   @Input() title = $localize`Get help`
+  @Input() autoClose = 'outside'
 
   @ContentChildren(PeerTubeTemplateDirective) templates: QueryList<PeerTubeTemplateDirective<'preHtml' | 'customHtml' | 'postHtml'>>