From fecc4f948a697375543cfbfb05af6ff10cb91e99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Wed, 24 Aug 2022 19:29:38 -0400
Subject: [PATCH] feat: use visibility hidden for search button

---
 public/scss/generics.scss            | 1 +
 public/src/modules/categorySearch.js | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index d29b30c3bc..c54986246e 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -1,4 +1,5 @@
 
+// TODO: these should be removed from persona and core use bs5 grays instead
 $gray-base:              #000;
 $gray-darker:            lighten($gray-base, 13.5%); // #222
 $gray-dark:              lighten($gray-base, 20%);   // #333
diff --git a/public/src/modules/categorySearch.js b/public/src/modules/categorySearch.js
index 8394ae343c..7b12cde101 100644
--- a/public/src/modules/categorySearch.js
+++ b/public/src/modules/categorySearch.js
@@ -25,6 +25,7 @@ define('categorySearch', ['alerts'], function (alerts) {
 
 		el.on('show.bs.dropdown', function () {
 			if (toggleVisibility) {
+				el.find('.dropdown-toggle').css({ visibility: 'hidden' });
 				searchEl.removeClass('hidden');
 				searchEl.css({
 					'z-index': el.find('.dropdown-toggle').css('z-index') + 1,
@@ -60,6 +61,7 @@ define('categorySearch', ['alerts'], function (alerts) {
 
 		el.on('hide.bs.dropdown', function () {
 			if (toggleVisibility) {
+				el.find('.dropdown-toggle').css({ visibility: 'visible' });
 				searchEl.addClass('hidden');
 			}