IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-09 23:15:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix select dropdown border issue. #5661

Browse Source
This commit is contained in:
Aditya Toshniwal 2023-01-09 18:42:48 +05:30 committed by GitHub
parent 1c705cf9be
commit 42220b1cb2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/pgadmin/static/js/components/FormComponents.jsx
View File

@ -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,
};