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

Drop-down list that does not appear on mobile #5672

Closed
pandigital opened this issue Oct 21, 2019 · 4 comments
Closed

Drop-down list that does not appear on mobile #5672

pandigital opened this issue Oct 21, 2019 · 4 comments

Comments

@pandigital
Copy link

Hello,

We are currently having a problem with select2. On mobile some select refuses to open. There is no JS error. Looks like the clickable location is out of sync. You have to try hard to open the drop-down list.

@BenjaminPorquet
Copy link

Same here on desktop :

Capture d’écran 2019-10-21 à 11 14 25

Capture d’écran 2019-10-21 à 11 16 53

@kevin-brown
Copy link
Member

Can you expand upon the issue you are facing by adding a few more pieces of information to your bug report?

  • What steps can be used to reproduce the issue?
  • What is the bug and what is the expected outcome?
  • What browser(s) and Operating System have you tested with?
  • Does the bug happen consistently across all tested browsers?
  • Can you reproduce this issue on any of the examples in the docs?
  • What version of jQuery are you using? And what version of Select2?
  • Are you using Select2 with other plugins?

The contributing guide contains a useful section with a few questions which can help us track down the bug and speed up the process of finding a fix for it. The creation of an isolated test case would also be useful.

@BenjaminPorquet
Copy link

BenjaminPorquet commented Oct 31, 2019

Hello

Ok I'll try to explain.

In 4.0.10, everything is OK.

Capture d’écran 2019-10-31 à 09 38 37

I run "yarn upgrade select2", tu upgrade ONLY select2, I am now on 4.0.11, and then :

Capture d’écran 2019-10-31 à 09 28 48

See the display

I reproduce that on firefox AND chrome (latest versions). I am on macOs (10.15.1)

Other packages :

{
    "devDependencies": {
        "@symfony/webpack-encore": "^0.27.0",
        "autoprefixer": "^9.6.0",
        "core-js": "^3.0.0",
        "jquery": "^3.4.1",
        "materialize-css": "^1.0.0",
        "node-sass": "^4.12.0",
        "postcss-loader": "^3.0.0",
        "sass-loader": "^7.0.1",
        "select2": "^4.0.8",
        "webpack-notifier": "^1.6.0"
    },
    "license": "ADREA MUTUELLE",
    "private": true,
    "scripts": {
        "dev-server": "encore dev-server",
        "dev": "encore dev",
        "watch": "encore dev --watch",
        "build": "encore production --progress"
    },
    "browserslist": [
        "> 1%",
        "last 2 versions"
    ]
}

Jquery version "3.4.1"
I use Webpack with symfony bundle (named webpack encore)

@kevin-brown
Copy link
Member

There's a high probability that this is the same issue as #5682, given that the only change in 4.0.11 to the code also happened to cause that one. So I'm going to close this off as a duplicate for now and come back if that doesn't happen to be the same issue.

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

3 participants