Merge pull request #17173 from FredericKayser/fix/picker-check-by-text

catalog: make text of picker clickable

.changeset/forty-days-tell.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-react': patch
+---
+
+Fixed bug in catalog filters where you could not click on the text to select a value.

plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePickerOption.tsx

@@ -40,6 +40,7 @@ export const EntityAutocompletePickerOption = memo((props: Props) => {
     <FormControlLabel
       control={<OptionCheckbox selected={selected} />}
       label={label}
+      onClick={event => event.preventDefault()}
     />
   );
 });

plugins/catalog-react/src/components/EntityLifecyclePicker/EntityLifecyclePicker.tsx

@@ -120,6 +120,7 @@ export const EntityLifecyclePicker = (props: { initialFilter?: string[] }) => {
                   checked={selected}
                 />
               }
+              onClick={event => event.preventDefault()}
               label={option}
             />
           )}

plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx

@@ -121,6 +121,7 @@ export const EntityOwnerPicker = () => {
                   checked={selected}
                 />
               }
+              onClick={event => event.preventDefault()}
               label={option}
             />
           )}

plugins/catalog-react/src/components/EntityProcessingStatusPicker/EntityProcessingStatusPicker.tsx

@@ -91,6 +91,7 @@ export const EntityProcessingStatusPicker = () => {
                   checked={selected}
                 />
               }
+              onClick={event => event.preventDefault()}
               label={option}
             />
           )}