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: MDBInput label is mispositioned when the value is numeric

clickstudioltd priority asked 2 years ago


Expected behavior

Correct label position.

Actual behavior

The label is inside the input when there is a value set for the input. This happens when the value type is numeric, therefore if you change the value type to string (e.g. 60 to '60') it works as expected.

Resources (screenshots, code snippets etc.)

enter image description here

enter image description here


Wojciech Staniszewski staff commented 2 years ago

Our input accepts only string values for now. You could parse them to number values after reading. Anyway, I added this topic to our task list and we will try to correct it so it also works for number values.


clickstudioltd priority commented 2 years ago

I mean it makes sense for numeric fields to accept numbers, looking forward for a fix in the future.


Wojciech Staniszewski staff commented 2 years ago

The issue has already been fixed. It will be available in the next release.



We will check it again. The fixes will be available in the next release.


clickstudioltd priority answered 2 years ago


Hello, I saw that this issue is fixed in release v4.0.0, but there is still one more problem. If the value is a numerical zero, the label still collapses into the input field:

enter image description here



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: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 3.0.0
  • Device: PC
  • Browser: Mozilla Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No