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.

Sign up for GitHub

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

Jump to bottom

Dropdown: Overlapping Clear Icon while disabled #4923

Closed
Perseus42 opened this issue Dec 4, 2023 · 0 comments
Closed

Dropdown: Overlapping Clear Icon while disabled #4923

Perseus42 opened this issue Dec 4, 2023 · 0 comments
Assignees
@tugcekucukoglu
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone
3.44.0

Comments

@Perseus42
Copy link

Describe the bug

The Styling of the Dropdown component is NOT consistent when you use both properties showClear and disabled.
When component is disabled the input overlaps with the clear Icon. Styling is correct when component is enabled.

image

Reproducer

https://stackblitz.com/edit/elxluu?file=src%2FApp.vue

PrimeVue version

3.42.0

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

Chrome

Steps to reproduce the behavior

See reproducer

Expected behavior

no overlapping
styling class added for disabled as well.
@Perseus42 Perseus42 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 4, 2023
SelenKockar pushed a commit to SelenKockar/primevue that referenced this issue Dec 4, 2023
Fix primefaces#4923 - Overlapping Clear Icon while disabled
9f15d02
SelenKockar pushed a commit to SelenKockar/primevue that referenced this issue Dec 4, 2023
Fix primefaces#4923 - Overlapping Clear Icon while disabled
5927791
@SelenKockar SelenKockar mentioned this issue Dec 4, 2023
Closed
@tugcekucukoglu tugcekucukoglu added this to the 3.44.0 milestone Dec 7, 2023
@tugcekucukoglu tugcekucukoglu removed the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 7, 2023
@tugcekucukoglu tugcekucukoglu self-assigned this Dec 7, 2023
@tugcekucukoglu tugcekucukoglu added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Dec 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@tugcekucukoglu tugcekucukoglu

Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Milestone
3.44.0
Development

Successfully merging a pull request may close this issue.

Fix #4923 - Overlapping Clear Icon while disabled SelenKockar/primevue
2 participants
@tugcekucukoglu @Perseus42