Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TreeSelect Component: clearIcon is not positioned correctly #363

Open
simplg opened this issue Nov 26, 2024 · 0 comments
Open

TreeSelect Component: clearIcon is not positioned correctly #363

simplg opened this issue Nov 26, 2024 · 0 comments

Comments

@simplg
Copy link

simplg commented Nov 26, 2024

When using the css for the 4.2.3 release, the clearIcon of the TreeSelect component is positioned too far top right (as shown in the screenshot below).

TreeSelect clearIcon

There is a live example at Primevue Tailwind Documentation.

What should be expected

Correct TreeSelect clearIcon position

Correct position can be seen at Primevue Official documentation.

Possible Fix

It seems https://github.com/primefaces/primevue-tailwind/blob/main/assets/styles/primevue/treeselect.css is missing this css rule:

.p-treeselect-clear-icon {
  @apply absolute top-1/2 -mt-2 text-surface-500 dark:text-surface-400 end-10;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant