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

sl-input changes width when clear-button is visible #2343

Open
SWagner-CA opened this issue Jan 13, 2025 · 0 comments
Open

sl-input changes width when clear-button is visible #2343

SWagner-CA opened this issue Jan 13, 2025 · 0 comments
Labels
bug Things that aren't working right in the library.

Comments

@SWagner-CA
Copy link

Describe the bug

when you place a <sl-input> with the clearable attribute inside of a flex container the width changes depending on if the clear button is visible or not there is a bugfix related to this in 2.7.0

Improved the behavior of the clear button in to prevent the component’s width from shifting when toggled #1496

but this seems to not work anymore (see codepen demo), i think this got lost in this PR: #1911

To Reproduce

Steps to reproduce the behavior:

<div style="display:flex; flex-direction: row;">
        <sl-input clearable></sl-input>
</div>

Demo

https://codepen.io/BytePioneer/pen/RNbRMxy

@SWagner-CA SWagner-CA added the bug Things that aren't working right in the library. label Jan 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Things that aren't working right in the library.
Projects
None yet
Development

No branches or pull requests

1 participant