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

Style issue for clear button #287

Closed
SkripalBoris opened this issue Jan 10, 2018 · 2 comments
Closed

Style issue for clear button #287

SkripalBoris opened this issue Jan 10, 2018 · 2 comments

Comments

@SkripalBoris
Copy link

SkripalBoris commented Jan 10, 2018

Version

2.0.2

Steps to reproduce

Example:

 <Typeahead
    clearButton={true}
    labelKey="name"
    selected={[{name: "This is very-very-very long string that break clear button display when container is not so long and have fixed width for example"}]}
    options={[{name: "This is very-very-very long string that break clear button display when container is not so long and have fixed width for example"}]}
  />

Expected Behavior

Good autocomplete with a nice clear button on the right side of field

Actual Behavior

Good autocomplete but without a nice clear button on right side of the field, because text input has fixed width and this width is more than parent container and nice clear button is pushed far to the right and hidden by overflow: hidden

@ericgio
Copy link
Owner

ericgio commented Jan 10, 2018

Thanks for the report. Should be fixed as of v2.0.3

@ericgio ericgio closed this as completed Jan 10, 2018
@SkripalBoris
Copy link
Author

Thanks for the fix

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

No branches or pull requests

2 participants