Topic: Input field throws error about reading properties of null

Niedzielski free asked 2 years ago

Hello, I cant seem to get the simplest input example working.

I copied the snippet, added compiled CSS and JS from the zip file into a simple HTML file.

Expected behavior
To match the look and behavior of the example. enter image description here

Actual behavior

enter image description here

Input fields have no outline. console throws error about missing notch.

at ws._applyNotch (mdb.min.js:310)
at ws._getElements (mdb.min.js:310)
at mdb.min.js:310
at d (mdb.min.js:310)
at ws._activate (mdb.min.js:310)
at HTMLInputElement.<anonymous> (mdb.min.js:310)
at HTMLDocument.n (mdb.min.js:310)

Resources (screenshots, code snippets etc.) enter image description here

                    <div class="form-outline mb-4">
                        <input type="text" id="form5Example1" class="form-control">
                        <label class="form-label" for="form5Example1">Name</label>

                    <div class="form-outline mb-4">
                        <input type="email" id="form5Example2" class="form-control">
                        <label class="form-label" for="form5Example2">Email address</label>

                    <button type="submit" class="btn btn-primary btn-block mb-4">

Dawid Wajszczuk staff answered 2 years ago


I guess that imports of necessary files are ok. But these inputs are probably hidden or added after the page loads. In this case you need to update or reinitialize these inputs. More information can be found in our documentation

Keep coding,

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: Apple
  • Browser: Chrome
  • OS: macOS
  • Provided sample code: No
  • Provided link: Yes