react-forms icon indicating copy to clipboard operation
react-forms copied to clipboard

ClearIndicator component class breaks icon padding

Open johnsonm325 opened this issue 7 months ago • 0 comments

Scope: PF4 mapper

Description When isClearable is set to true in the schema for the 'select' component, the clear icon is not centered correctly in the 'select' box.

Image

I think the classes for the ClearIndicator component is breaking it.

Schema

Here is how we've implemented the form in Inventory -> Workspaces

    {
      component: 'select',
      name: 'group',
      label: 'Select a workspace',
      simpleValue: true,
      isSearchable: true, // enables typeahead
      isRequired: true,
      isClearable: true,
      placeholder: 'Type or click to select a workspace',
      loadOptions: (searchValue) =>
        loadOptions(searchValue, chrome, isKesselEnabled),
      options: [],
      validate: [{ type: validatorTypes.REQUIRED }],
      updatingMessage: 'Loading workspaces...',
      loadingMessage: 'Loading workspaces...',
    },

johnsonm325 avatar Aug 27 '25 13:08 johnsonm325