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

[Bug]: Incorrect visual alignment for clear search button in search component for size='lg' & 'md' #18144

Open

2 tasks done

ruchika777 opened this issue Nov 22, 2024 · 0 comments

Labels

status: needs triage 🕵️‍♀️ type: bug 🐛

ruchika777 commented Nov 22, 2024

Package

@carbon/react

Browser

Chrome

Package version

1.64.0

Description

Hi team,

For size= 'md' search component the close button does not align with search bar height.

Please refer the screenshot.

But only it works for size = 'sm'

Screenshots

Steps to reproduce

Render the search component in container of width 496 px
use size = 'lg' / 'md' (issue)
use size = 'sm' (expected)

Code of Conduct

I agree to follow this project's Code of Conduct
I checked the current issues for duplicate problems

ruchika777 added status: needs triage 🕵️‍♀️ type: bug 🐛 labels

github-project-automation bot added this to Design System

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment