From 42220b1cb24371383c7d12a7707841b708ce868e Mon Sep 17 00:00:00 2001
From: Aditya Toshniwal <aditya.toshniwal@enterprisedb.com>
Date: Mon, 9 Jan 2023 18:42:48 +0530
Subject: [PATCH] Fix select dropdown border issue. #5661

---
 .../static/js/components/FormComponents.jsx     | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/web/pgadmin/static/js/components/FormComponents.jsx b/web/pgadmin/static/js/components/FormComponents.jsx
index 1ce78f97c..57aea6f1a 100644
--- a/web/pgadmin/static/js/components/FormComponents.jsx
+++ b/web/pgadmin/static/js/components/FormComponents.jsx
@@ -774,6 +774,16 @@ OptionView.propTypes = {
   label: PropTypes.string,
 };
 
+function CustomSelectInput(props) {
+  const { maxLength } = props.selectProps;
+  return (
+    <RSComponents.Input {...props} maxLength={maxLength} />
+  );
+}
+CustomSelectInput.propTypes = {
+  selectProps: PropTypes.object,
+};
+
 function CustomSelectOption(props) {
   return (
     <RSComponents.Option {...props}>
@@ -918,9 +928,9 @@ export const InputSelect = forwardRef(({
     components: {
       Option: CustomSelectOption,
       SingleValue: CustomSelectSingleValue,
-      IndicatorSeparator: (props) => controlProps.noDropdown ? null: <RSComponents.IndicatorSeparator {...props} />,
-      DropdownIndicator: (props) => controlProps.noDropdown ? null: <RSComponents.DropdownIndicator {...props} />,
-      Input: props => <RSComponents.Input {...props} maxLength={controlProps.maxLength} />
+      IndicatorSeparator: controlProps.noDropdown ? null: RSComponents.IndicatorSeparator,
+      DropdownIndicator: controlProps.noDropdown ? null: RSComponents.DropdownIndicator,
+      Input: CustomSelectInput,
     },
     isMulti: Boolean(controlProps.multiple),
     openMenuOnClick: !readonly,
@@ -932,6 +942,7 @@ export const InputSelect = forwardRef(({
     styles: styles,
     inputId: cid,
     placeholder: (readonly || disabled) ? '' : controlProps.placeholder || gettext('Select an item...'),
+    maxLength: controlProps.maxLength,
     ...otherProps,
     ...props,
   };