diff --git a/src/features/Combobox/index.tsx b/src/features/Combobox/index.tsx index 6ced6ab8..4f2a0d07 100644 --- a/src/features/Combobox/index.tsx +++ b/src/features/Combobox/index.tsx @@ -34,6 +34,7 @@ export const Combobox = (props: Props) => { openOnFocus, pattern, placeholder, + readOnly, required, title, withArrow, @@ -77,6 +78,7 @@ export const Combobox = (props: Props) => { onBlur={onInputBlur} onKeyDown={onKeyDown} placeholder={placeholder} + readOnly={readOnly} /> {!isEmpty(options) && ( diff --git a/src/features/Combobox/types.tsx b/src/features/Combobox/types.tsx index 92ed4afa..ffa8748b 100644 --- a/src/features/Combobox/types.tsx +++ b/src/features/Combobox/types.tsx @@ -20,6 +20,7 @@ export type Props = Pick, ( | 'pattern' | 'title' | 'placeholder' + | 'readOnly' )> & { customListStyles?: TCustomStyles, error?: string | null, diff --git a/src/features/HeaderFilters/components/SportTypeFilter/index.tsx b/src/features/HeaderFilters/components/SportTypeFilter/index.tsx index a63f2652..bbf27a58 100644 --- a/src/features/HeaderFilters/components/SportTypeFilter/index.tsx +++ b/src/features/HeaderFilters/components/SportTypeFilter/index.tsx @@ -21,6 +21,7 @@ export const SportTypeFilter = () => { onSelect={onSelect} openOnFocus withArrow + readOnly /> ) diff --git a/src/features/HeaderFilters/components/SportTypeFilter/styled.tsx b/src/features/HeaderFilters/components/SportTypeFilter/styled.tsx index d44de38f..b960b080 100644 --- a/src/features/HeaderFilters/components/SportTypeFilter/styled.tsx +++ b/src/features/HeaderFilters/components/SportTypeFilter/styled.tsx @@ -19,6 +19,7 @@ export const Wrapper = styled.div` margin-left: 0; overflow: hidden; font-size: 18px; + cursor: pointer; &[aria-expanded="true"] { ::placeholder {