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!


Topic: Form elements in MDBDropdown?

Lukasz S free asked 3 years ago


Expected behavior

Embedding an input field into a MDBDropdown should allow me to type and handle the change of text. The documentation for MDB 5 React doesn't have an example for that, but it's in the Standard documentation, so I wanted to check if it's just not documented or if it's not supported at all.

Actual behavior

I'm unable to change the value of an MDBInput when it's embedded into an MDBDropdown.

Resources (screenshots, code snippets etc.)

I've created a snippet: https://mdbootstrap.com/snippets/react/susell/3232861

Can you please let me know if I'm doing anything wrong, if there's a way to solve this using a "hack", or is this a feature that's missing and I'll have to wait until it's added to MDB React 5? If so, do you have it in your roadmap?

I might use a button with a modal instead if it's not available just yet, but please confirm.

Thanks, Łukasz


Krzysztof Wilk staff answered 3 years ago


Hi!

Input in the Dropdown should work exactly as you did in the snippet, so that's a bug. We'll try to fix it in one of the nearest releases :)

Keep coding!


Lukasz S free commented 3 years ago

Hi Krzysztof,

Thanks a lot for confirming, let me know if you find a workaround, otherwise I'll just use a modal and will look forward to a proper fix in the future.

Pozdrawiam, Łukasz


Krzysztof Wilk staff commented 3 years ago

If we fix it - you'll see it in the changelog here: https://mdbootstrap.com/docs/b5/react/getting-started/changelog/ :)

Keep coding!



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: MDB5 1.0.0-beta6
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes