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

Bogus characters in Select-input when searchable={false} #271

Closed
aldanor opened this issue Jun 24, 2015 · 2 comments
Closed

Bogus characters in Select-input when searchable={false} #271

aldanor opened this issue Jun 24, 2015 · 2 comments

Comments

@aldanor
Copy link

aldanor commented Jun 24, 2015

This happens on version 0.5.1 via bower.

When using searchable={false}, the Select-input contains bogus symbols, and the resulting DOM looks like this:

<div class="Select has-value" data-reactid=".0.0.1">
  <input type="hidden" name="form-field-name" value="one" data-reactid=".0.0.1.0">
    <div class="Select-control" data-reactid=".0.0.1.1">
      <div class="Select-placeholder" data-reactid=".0.0.1.1.0:$placeholder">One</div>
      <div class="Select-input" tabindex="0" data-reactid=".0.0.1.1.1">Â&nbsp;</div>
      <span class="Select-arrow-zone" data-reactid=".0.0.1.1.2"></span>
      <span class="Select-arrow" data-reactid=".0.0.1.1.3"></span>
    </div>
  </div>
</div>

screen shot 2015-06-25 at 00 52 25

This doesn't seem to occur when using the default searchable={true}.

@bruderstein
Copy link
Collaborator

Is this still an issue with >=0.6.0?

@VitaliP
Copy link

VitaliP commented Nov 20, 2015

yes it does

issue is " " when u create empty searchable div (not input)

using \u00a0 instead of nbsp should help

but not sure why it just can't be empty

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

4 participants