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

Toggle visibility of the clear button #1496

Merged
merged 1 commit into from
Aug 9, 2023

Conversation

tomasd
Copy link
Contributor

@tomasd tomasd commented Aug 8, 2023

This PR toggles visibility of the clear button for <sl-input> instead of removing it. This way the width of the component stays the same between states when there is no value and with value.

@vercel
Copy link

vercel bot commented Aug 8, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
shoelace ✅ Ready (Inspect) Visit Preview Aug 8, 2023 4:15pm

Copy link
Member

@claviska claviska left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks. As a heads up, I'm going to merge the hasClearIcon and hasClearIconVisible into a single variable and use a class for the visibility toggle for consistency.

Never mind — I just renamed the variable and used a class instead of the inline style.

@claviska claviska merged commit bf15f2f into shoelace-style:next Aug 9, 2023
1 check passed
claviska added a commit that referenced this pull request Aug 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants