Merge pull request #75 from Brightscout/MI-2931

[MI-2931]: Fix option list on open and update version
Brightscout · Mar 25, 2023 · 528b290 · 528b290
2 parents c3a692e + d3a9162
commit 528b290
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@brightscout/mattermost-ui-library",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "author": {
     "name": "Brightscout, Inc."
   },

diff --git a/src/components/Input/Input.component.tsx b/src/components/Input/Input.component.tsx
@@ -102,7 +102,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {
 					<StyledIconButton onClick={onClose}>
 						<Icon
 							name='Close'
-							size={12}
+							size={14}
 							iconColor='#ffffff'
 						/>
 					</StyledIconButton>

diff --git a/src/components/Input/Input.styles.ts b/src/components/Input/Input.styles.ts
@@ -150,12 +150,16 @@ export const StyledInput = styled(Form.Control)(({error}) => ({
 // Style for close icon button
 export const StyledIconButton = styled(Button)({
     borderRadius: '50%',
-    padding: 2,
+    padding: 0,
     borderWidth: 0,
 
     '&.btn.btn-primary': {
         '&, &:hover, &:active, &:focus': {
             background: colors.centerChannel_64,
         },
     },
+
+    '& svg': {
+        padding: 1,
+    },
 });
diff --git a/src/components/MMSearch/MMSearch.component.tsx b/src/components/MMSearch/MMSearch.component.tsx
@@ -76,7 +76,8 @@ export const MMSearch = (props: MMSearchProps) => {
      * On clicking anywhere other than `input field`, the dropdown closes
      */
     const onDropDownCloseHandler = (e: MouseEvent) => {
-        if (e.target !== inputRef.current) {
+        e.stopPropagation();
+        if (e.target instanceof HTMLElement && !inputRef.current?.contains(e.target) && e.target !== inputRef.current) {
             setOpen(false);
         }
     };