search

primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.9k stars 1.05k forks source link

MultiSelect clear icon not aligned correctly #4427

Closed manuelpoelzl closed 1 year ago

manuelpoelzl commented 1 year ago

Describe the bug

The clear icon of the multiselect component used to look like this: Screenshot_6

But in 9.4.0 it is not aligned correctly anymore: Screenshot_7

Reproducer

https://codesandbox.io/s/primereact-test-forked-j9mtn0?file=/src/index.js

PrimeReact version

9.4.0

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Microsoft Edge Version 113.0.1774.42

Steps to reproduce the behavior

  1. Create a multiselect component with the showClear property set to true.
  2. Select one or more items from the multiselect
  3. Look at the alignment of the clear icon

Expected behavior

The clear icon should be aligned properly.

melloware commented 1 year ago

Have to make a code fix and a theme fix.

Theme Issue: https://github.com/primefaces/primereact-sass-theme/issues/14