Skip to content

When p-select used in p-inputgroup with showclear true, then position of clear icon is not correct #19176

@devstartshop

Description

@devstartshop

Describe the bug

PrimeNG Version: "19.1.4",

When p-select used in p-inputgroup with showclear true, then position of clear icon is not correct

Image

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/xrhg3dd4-kwrtcwfj?file=src%2Fapp%2Finput-group-basic-demo.html

Environment

stackblitz https://stackblitz.com/edit/xrhg3dd4-kwrtcwfj?file=src%2Fapp%2Finput-group-basic-demo.html

Angular version

19

PrimeNG version

v19 (LTS Only)

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

add below code to any component

<p-inputgroup>
    <p-inputgroup-addon>
      <i class="pi pi-map"></i>
    </p-inputgroup-addon>
    <p-select
      [(ngModel)]="selectedCity"
      [showClear]="true"
      [options]="cities"
      optionLabel="name"
      placeholder="City"
    />
  </p-inputgroup>

Expected behavior

the clear icon should be vertically middle aligned.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions