Expected behavior

The borders of the form input should turn blue when you click

Actual behavior

I get the following error in angular 11

zone-evergreen.js:171 Uncaught TypeError: Cannot read property 'style' of null

at o.value (mdb.min.js:19)
at o.value (mdb.min.js:19)
at o.value (mdb.min.js:19)
at HTMLInputElement.<anonymous> (mdb.min.js:19)
at HTMLDocument.t (mdb.min.js:19)
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Zone.runTask (zone-evergreen.js:167)
at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480)
at invokeTask (zone-evergreen.js:1621)
at HTMLDocument.globalZoneAwareCaptureCallback (zone-evergreen.js:1690)

Note: I load all the mdb.min.js in angular.json

Solution

I solved it using the code from here https://es.stackoverflow.com/questions/262061/uncaught-typeerror-cannot-read-property-style-of-null-que-no-puedo-solucionar

Modify the mdb.min.js file and wrap it in the following code

document.addEventListener("DOMContentLoaded", function () {
//here all mdb.min.js

});