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

"Please enter 1 or more characters" message overlapping the input box #5012

Closed
10 of 15 tasks
saurabhkpathak opened this issue Aug 15, 2017 · 4 comments
Closed
10 of 15 tasks

Comments

@saurabhkpathak
Copy link

Prerequisites

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate
  • The issue still exists against the latest master branch of Select2
    I am able to replicate it on your examples page.
  • This is not a usage question (Those should be directed to the [community]
    (https://select2.github.io/community.html))
  • I have attempted to find the simplest possible steps to reproduce the issue

Steps to reproduce the issue

  1. Go to
  2. Reduce your browser window width till the message "Please enter 1 or more characters" appears in two lines.
  3. Scroll the page up to the extent that the select2-dropdown--above is opened.
  4. Now try clicking select2 - you will see the select2-dropdown overlapping the input box.

Expected behavior and actual behavior

When I follow those steps, I see...
The select2 dropdown overlapping the input box of the component when the message "Please enter 1 or more characters" appears in two lines.

I was expecting...
The select2 dropdown to be placed above the input box and not overlap it.

Environment

Browsers

  • Google Chrome
  • Mozilla Firefox
  • Internet Explorer

Operating System

  • Windows
  • Mac OS X
  • Linux
  • Mobile

Libraries

  • jQuery version:
  • Select2 version:

Isolating the problem

  • This bug happens on the examples page
  • The bug happens consistently across all tested browsers
  • This bug happens when using Select2 without other plugins
  • I can reproduce this bug in a jsbin

Chrome Issue Capture
When message appears in two lines

chrome issue

Firefox Issue Capture
When message appears in two lines

firefox issue

Expected behaviour
When message appears in single line

expected behavior

@alexweissman
Copy link
Contributor

Was this only happening on the old documentation site? On the new documentation site, it seems to look OK:

screen shot 2017-09-16 at 4 00 28 pm

@saurabhkpathak
Copy link
Author

No, this issue is replicable on the new website as well. Apart from this current issue, I found a new issue as well on the new website. When we search by entering any string and the ajax call is made, we then remove the string searched and the suggestion list placeholder jumps up. Please find attached gif for your reference
select 2 issue
.

@alexweissman
Copy link
Contributor

alexweissman commented Sep 17, 2017

Ok. The other issue you reference is actually an already known bug. See #4614.

@stale
Copy link

stale bot commented Mar 13, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the status: stale label Mar 13, 2019
@stale stale bot closed this as completed Mar 20, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants