DEV Community

Cover image for 🚨MDB5 VUE v. 5.0.0 Released!🚨
Keep Coding
Keep Coding

Posted on

🚨MDB5 VUE v. 5.0.0 Released!🚨

Version v5.0.0, released 22.04.2024.

Breaking changes

  • Improved and updated TypeScript to work with the strict: true flag: in all components and plugins.
  • Removed package vue3-perfect-scrollbar and replaced it with our own custom implementation.

Fixed & improved

Calendar:

  • Added dateFormat prop.
  • Fixed working with custom date format.

Datatables:

  • Added possibility to implement id attribute for a table itself.
  • Fixed borders with Fixed columns example while table is resizing.

Datepicker:

  • Added aria-disabled attribute to disabled dates/months/years.
  • Added translated aria-label attribute (if translate was provided) and fixed position of it.
  • Fixed rows width to align dates with week days.

Dummy - fixed prop size when passing "100%" value.

Input - fixed recalc functionality when component is inside another one.

Lazy loading - fixed infinite loop of image loading when src and error props are invalid.

Link - changed hard-coded value for link decoration to a $link-decoration variable.

Select:

  • Fixed keyboard behavior which was standardized with a native element.
  • Fixed clear button behavior - now blocks when disabled prop is passed.
  • Added search event.

Popconfirm:

  • Added event cancel when exiting with click outside or escape key.
  • Added focus trap for modal version.
  • Added block for scrolling in modal verion.

Sidenav - removed animation when changing sidenav height.

Stepper:

  • Fixed style for disabled text.
  • Fixed issue with resize step's height whent it's too big than default value. Now you could use setHeight method to resize the content by yourself.
  • Fixed validation for linear vertical version.
  • Added new event: onChangedStep which is invoking after passing an active step.

Table editor:

  • Fixed navigation for smaller screens.
  • Fixed edit buttons position.
  • Added an object with edited row for edit event.

Timepicker:

  • Added clear event.
  • Fixed arrows working in inline version - now counting stops when user mouse up in another place in website.
  • Changed default value to false for ripple prop.

Transfer - checkboxes Source and Target are now labels instead of spans.

Transitions - fixed broken animations.

Treetable - fixed opening animation.

Tree view - fixed issue when selecting all children elements does not selected a parent checkbox.

Check out the full Changelog and MDB VUE here.

Image of PulumiUP 2025

From Cloud to Platforms: What Top Engineers Are Doing Differently

Hear insights from industry leaders about the current state and future of cloud and IaC, platform engineering, and security.

Save Your Spot

Top comments (0)

Image of Stellar post

Check out Episode 1: How a Hackathon Project Became a Web3 Startup 🚀

Ever wondered what it takes to build a web3 startup from scratch? In the Stellar Dev Diaries series, we follow the journey of a team of developers building on the Stellar Network as they go from hackathon win to getting funded and launching on mainnet.

Read more

👋 Kindness is contagious

Dive into this insightful write-up, celebrated within the collaborative DEV Community. Developers at any stage are invited to contribute and elevate our shared skills.

A simple "thank you" can boost someone’s spirits—leave your kudos in the comments!

On DEV, exchanging ideas fuels progress and deepens our connections. If this post helped you, a brief note of thanks goes a long way.

Okay