{
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...',
},
Scope: PF4 mapper
Description
When
isClearableis set to true in the schema for the 'select' component, the clear icon is not centered correctly in the 'select' box.I think the classes for the ClearIndicator component is breaking it.
Schema
Here is how we've implemented the form in Inventory -> Workspaces