From 4c0e5b14f50335117070c4ccd666f309776c3fd5 Mon Sep 17 00:00:00 2001
From: lzd <luozhidan2011@163.com>
Date: Wed, 11 Sep 2019 13:42:28 +0800
Subject: [PATCH] Piechart: fix unit selector when scrolling is required
 (#18932)

---
 public/app/core/directives/dropdown_typeahead.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/public/app/core/directives/dropdown_typeahead.ts b/public/app/core/directives/dropdown_typeahead.ts
index 05e2eb49ec5..9f201841551 100644
--- a/public/app/core/directives/dropdown_typeahead.ts
+++ b/public/app/core/directives/dropdown_typeahead.ts
@@ -59,6 +59,14 @@ export function dropdownTypeahead($compile: any) {
         []
       );
 
+      const closeDropdownMenu = () => {
+        $input.hide();
+        $input.val('');
+        $button.show();
+        $button.focus();
+        elem.removeClass('open');
+      };
+
       $scope.menuItemSelected = (index: number, subIndex: number) => {
         const menuItem = $scope.menuItems[index];
         const payload: any = { $item: menuItem };
@@ -66,6 +74,7 @@ export function dropdownTypeahead($compile: any) {
           payload.$subItem = menuItem.submenu[subIndex];
         }
         $scope.dropdownTypeaheadOnSelect(payload);
+        closeDropdownMenu();
       };
 
       $input.attr('data-provide', 'typeahead');
@@ -105,6 +114,10 @@ export function dropdownTypeahead($compile: any) {
         elem.toggleClass('open', $input.val() === '');
       });
 
+      elem.mousedown((evt: Event) => {
+        evt.preventDefault();
+      });
+
       $input.blur(() => {
         $input.hide();
         $input.val('');