Skip to content

ClearIndicator component class breaks icon padding #1515

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