From 7d2ebae0ccb77e8c6b8e9202edcffa439d6172e5 Mon Sep 17 00:00:00 2001
From: quanho <quan.ho@qlik.com>
Date: Fri, 10 Mar 2023 20:42:08 +0100
Subject: [PATCH 1/3] fix: fix filter pane header change the height on
 selection

---
 apis/nucleus/src/components/listbox/ListBoxInline.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apis/nucleus/src/components/listbox/ListBoxInline.jsx b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
index 1a2812ce8..5cfb743a7 100644
--- a/apis/nucleus/src/components/listbox/ListBoxInline.jsx
+++ b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
@@ -209,7 +209,7 @@ function ListBoxInline({ options, layout }) {
     >
       {toolbar && (
         <Grid item container style={{ padding: theme.spacing(1) }} wrap="nowrap">
-          <Grid item container wrap="nowrap">
+          <Grid item container style={{ height: '32px' }} wrap="nowrap">
             <Grid item sx={{ display: 'flex', alignItems: 'center', width: searchIconWidth }}>
               {isLocked ? (
                 <IconButton tabIndex={-1} onClick={unlock} disabled={!isLocked} size="large">

From bc2a6ef892cf7714f440b5a32452dbae6463c27e Mon Sep 17 00:00:00 2001
From: quanho <quan.ho@qlik.com>
Date: Sat, 11 Mar 2023 09:36:55 +0100
Subject: [PATCH 2/3] refactor: refactor

---
 apis/nucleus/src/components/listbox/ListBoxInline.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apis/nucleus/src/components/listbox/ListBoxInline.jsx b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
index 5cfb743a7..2e2ec0d8d 100644
--- a/apis/nucleus/src/components/listbox/ListBoxInline.jsx
+++ b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
@@ -185,6 +185,7 @@ function ListBoxInline({ options, layout }) {
   const searchHeight = dense ? 27 : 40;
   const extraheight = dense ? 39 : 49;
   const minHeight = 49 + (searchVisible ? searchHeight : 0) + extraheight;
+  const headerHeight = 32;
   const { wildCardSearch, searchEnabled } = layout;
 
   const onShowSearch = () => {
@@ -209,7 +210,7 @@ function ListBoxInline({ options, layout }) {
     >
       {toolbar && (
         <Grid item container style={{ padding: theme.spacing(1) }} wrap="nowrap">
-          <Grid item container style={{ height: '32px' }} wrap="nowrap">
+          <Grid item container style={{ height: `${headerHeight}px` }} wrap="nowrap">
             <Grid item sx={{ display: 'flex', alignItems: 'center', width: searchIconWidth }}>
               {isLocked ? (
                 <IconButton tabIndex={-1} onClick={unlock} disabled={!isLocked} size="large">

From a18317ac8338f0d4ef1be8e5993b4995c5b667b6 Mon Sep 17 00:00:00 2001
From: quanho <quan.ho@qlik.com>
Date: Sat, 11 Mar 2023 10:52:18 +0100
Subject: [PATCH 3/3] refactor: refactor

---
 apis/nucleus/src/components/listbox/ListBoxInline.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apis/nucleus/src/components/listbox/ListBoxInline.jsx b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
index 2e2ec0d8d..bb5bb458b 100644
--- a/apis/nucleus/src/components/listbox/ListBoxInline.jsx
+++ b/apis/nucleus/src/components/listbox/ListBoxInline.jsx
@@ -210,7 +210,7 @@ function ListBoxInline({ options, layout }) {
     >
       {toolbar && (
         <Grid item container style={{ padding: theme.spacing(1) }} wrap="nowrap">
-          <Grid item container style={{ height: `${headerHeight}px` }} wrap="nowrap">
+          <Grid item container height={headerHeight} wrap="nowrap">
             <Grid item sx={{ display: 'flex', alignItems: 'center', width: searchIconWidth }}>
               {isLocked ? (
                 <IconButton tabIndex={-1} onClick={unlock} disabled={!isLocked} size="large">