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

Component: InputGroup - incorrect presentation using icon only button #17107

Open
badylq opened this issue Dec 18, 2024 · 0 comments
Open

Component: InputGroup - incorrect presentation using icon only button #17107

badylq opened this issue Dec 18, 2024 · 0 comments
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@badylq
Copy link

badylq commented Dec 18, 2024

Describe the bug

InputGroup works incorrectly when addon is button with icon and no text. Bug can be seen in PrimeNG documentation page https://primeng.org/inputgroup#button where first group is displayed correctly and 2 other have gaps above and below button. It's most visible when using Material style with soho surface, but it is present in any preset/color combo.
Screenshot 2024-12-18 080450

Environment

dev/documentation

Reproducer

No response

Angular version

18.2.13

PrimeNG version

18.0.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v20.15.1

Browser(s)

Chrome 131.0.6778.86

Steps to reproduce the behavior

No response

Expected behavior

Filled button without gaps like when there is only text

@badylq badylq 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 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

1 participant