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

Autocomplete: dropdown arrow and clear icon overlap #16846

Closed
JuncalLP opened this issue Nov 26, 2024 · 0 comments
Closed

Autocomplete: dropdown arrow and clear icon overlap #16846

JuncalLP opened this issue Nov 26, 2024 · 0 comments
Assignees
@mehmetcetin01140
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone
18.0.0.Final

Comments

@JuncalLP
Copy link

Describe the bug

When using Autocomplete with [showClear]=true and [dropdown]=true we don't get to see the clear icon, as the dropdown icon overlaps, making it impossible to clear.

Environment

Windows 10, Mozilla Firefox

Reproducer

No response

Angular version

18.2.0

PrimeNG version

18.0.0-rc.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

22.9

Browser(s)

Mozilla Firefox

Steps to reproduce the behavior

Create a template with a p-autocomplete with [showClear]=true and [dropdown]=true, you won't see the clear icon

imagen
imagen

Expected behavior

Dropdown icon and clear icon shouldn't overlap
@JuncalLP JuncalLP added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 26, 2024
@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Nov 26, 2024
@mertsincan mertsincan added this to the 18.0.0.Final milestone Nov 26, 2024
mehmetcetin01140 added a commit that referenced this issue Dec 4, 2024
@mehmetcetin01140
Fixed #16846 | Autocomplete: dropdown arrow and clear icon overlap
c273972
@mehmetcetin01140 mehmetcetin01140 added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Dec 4, 2024
@mehmetcetin01140 mehmetcetin01140 mentioned this issue Dec 4, 2024
Merged
mehmetcetin01140 added a commit that referenced this issue Dec 4, 2024
@mehmetcetin01140
Merge pull request #16931 from primefaces/issue-16846
c71d8d4 
Fixed #16846 | Autocomplete: dropdown arrow and clear icon overlap
@mehmetcetin01140 mehmetcetin01140 moved this to Done in PrimeNG Dec 4, 2024
@mehmetcetin01140 mehmetcetin01140 closed this as completed by moving to Done in PrimeNG Dec 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mehmetcetin01140 mehmetcetin01140

Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
PrimeNG
Status: Done
Milestone
18.0.0.Final
Development

No branches or pull requests
3 participants
@mertsincan @JuncalLP @mehmetcetin01140