Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Multiselect

roots48 free asked 5 years ago

Expected behavior When there are no items selected I want the selectinput (That I supply, in this case "Test") default (disabled) text to be shown

Example:<MDBSelect> <MDBSelectInput selected="Test" /> <MDBSelectOptions> <MDBSelectOption disabled>Test</MDBSelectOption> <MDBSelectOption value="1">Option 1</MDBSelectOption> <MDBSelectOption value="2">Option 2</MDBSelectOption> <MDBSelectOption value="3">Option 3</MDBSelectOption> <MDBSelectOption value="4">Option 4</MDBSelectOption> <MDBSelectOption value="5">Option 5</MDBSelectOption> </MDBSelectOptions> </MDBSelect>

Actual behavior The text is always "Choose your option" when no values are selected.. Resources (screenshots, code snippets etc.) I believe the problem lies within this piece of code of mdbreact.esm.js if (text.length === 0) { text = "Choose your option"; }

Sprout Product Design free answered 5 years ago

Hello,

May i ask if the MDBootstrap multiselect React page have a bug? We are doing a project and needed it. We've tried copying the actual code provided in the website but unfortunately we've encountered an issue:

We've copied the multiselect with markup and it doesn't run correctly in our page. In the MDBootstrap website it has a Select All option but in our end the multiselect turns into a Single Select.

Another question: Can the multiselect handles a limit on when to show the total number of selected files?

For example we selected 3 options but when selecting the 4th options the value displayed will be the total options selected.

If the option selected is more than 3 that's when the will appear.

I'll be waiting for your reply, we needed to finish our tasks ASAP.

Thank you very much.

Jakub Mandra staff commented 5 years ago

The discussion has been moved to this post: https://mdbootstrap.com/support/react/multiselect-dropdown-3ecf5/

Adrian free answered 5 years ago

Hi,

I'm using the mdbreact-4.13.0 version and I have the same problem that roots48.

This is my example:

<MDBSelect multiple>
  <MDBSelectInput selected="Choose, please" />
  <MDBSelectOptions search>
    <MDBSelectOption value="one">One</MDBSelectOption>
    <MDBSelectOption value="one">Two</MDBSelectOption>
    <MDBSelectOption value="one">Three</MDBSelectOption>
  </MDBSelectOptions>
</MDBSelect>

Although I'm expecting that the input's value would be Choose, please, the actual rendered value is Choose your option. This doesn't happen if I remove the multiselect prop.

Thanks!

Jakub Mandra staff commented 5 years ago

Hello,

Thanks for the report, we will take a closer look at that immediately.

Best,

Jakub

Jakub Mandra staff answered 5 years ago

Hi,

Thanks for reporting. Some bugs broke in in the last release. We will fix it immediately, but it will be released in next mdbreact version.

Please don't hesitate to ask me for further details.

Best,

Jakub

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.11.0
  • Device: Web
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags
About author
roots48
14Support score
2Questions 0Answers 0Snippets