Multiselect doesn't work

web
mobile

Topic: Multiselect doesn't work

ppotter10 pro premium asked 3 months ago

*Expected behavior*When clicking the multi-select I expected to just show/collapse the values/dropdown, but it doesn't do anything.

*Resources (screenshots, code snippets etc.)*Took example code literally from:

https://mdbootstrap.com/docs/react/forms/multiselect/#with-search

Behavior shown in a gif here: https://gifyu.com/image/mDEd


Piotr Glejzer staff commented 3 months ago

Hi,

can you copy and paste your code about that problem? I used the latest version from our gitlab with a token in the create-react-app and everything is working well.

Best regards,
Piotr


Piotr Glejzer staff answered 3 months ago

You have to import your styles before ./App import, something like that

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import "bootstrap-css-only/css/bootstrap.min.css";
import "mdbreact/dist/css/mdb.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";

https://ibb.co/FWGTGVp

I removed your demo link because you shared a private token to our pro gitlab version, I recommend to change and disabled this token and generate a new one.


ppotter10 pro premium commented 3 months ago

Very subtle difference. Thanks. Will change the access token.


ppotter10 pro premium answered 3 months ago

You can find an example (with all packages) here:

removed

It's just a create react app (latest version) with nothing else but the multi select. Still gives me the same result:

https://gifyu.com/image/mXnr


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: React
  • MDB Version: 4.24.0
  • Device: Laptop
  • Browser: Chrome 79.0.3945.117
  • OS: Windows 10 Pro
  • Provided sample code: No
  • Provided link: Yes