diff --git a/src/components/Pagination.tsx b/src/components/Pagination.tsx index 7f8d06d60..1a701a736 100644 --- a/src/components/Pagination.tsx +++ b/src/components/Pagination.tsx @@ -50,7 +50,7 @@ export function Pagination(props: PaginationProps) {
Page size:
-
+
(props: ComboBoxInputProps 1; - // Show selections as chips - const hasSelection = state.selectionManager.selectedKeys.size > 0; + // Show selections as chips when using multiselect when unfocused + const showChipSelection = isMultiSelect && state.selectionManager.selectedKeys.size > 0; // For MultiSelect only show the `fieldDecoration` when input is not in focus. const showFieldDecoration = (!isMultiSelect || (isMultiSelect && !isFocused)) && fieldDecoration && selectedOptions.length === 1; @@ -99,7 +98,7 @@ export function ComboBoxInput(props: ComboBoxInputProps} + unfocusedPlaceholder={showChipSelection && } inputRef={inputRef} inputWrapRef={inputWrapRef} errorMsg={errorMsg}