Skip to content

ClearIndicator component class breaks icon padding #1515

@johnsonm325

Description

@johnsonm325

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...',
    },

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions