When Modal Shown

kelvinspaces free asked 1 year ago

When Modal Shown, the console get Error.

Uncaught TypeError: Cannot read property 'classList' of undefined.

Didn't change the MD Bootstrap Js file.

enter image description here


kelvinspaces free commented 1 year ago

If inside button have element will get this error.


Dawid Wajszczuk staff commented 1 year ago

Hi. Can you provide more information about your issue (code that you have used with your Modal (HTML, JS))? A snippet would be very helpful https://mdbootstrap.com/snippets/


kelvinspaces free commented 1 year ago

https://mdbootstrap.com/snippets/standard/kelvinspaces/3190619

click on the icon


Nicolás Sanz free commented 1 week ago

Hello, i had the same problem recently. I´m doing a Full Stack Web Dev. course at Udemy and i found that i couldn´t go forward because of this problem. I´m building a mongo-netCore-react app (my first with react but not in web dev) so i was stuck in the part of building pop up for Insert-Update functions. In my first code i had the typical button : this.editClick(dep)}> Then , after searching the internet, including this page, i´d found that my mistake and the one that has throwing this error was that in the "data-bs-target" property, i hadn´t put the "#" before the name of the object from de DOM that the function "modal" was trying to call..so the message error was : "Uncaught TypeError: Cannot read properties of undefined (reading 'classList')". That means: i coundn´t found the object you want to call, the real name object. That was all. I hope this will be usefull fot anyone who need it, o found this over the internet. Tnx !


用户9506 priority answered 1 month ago

I meet the same issue as @kelvinspaces while I toggle modal Via data attributes but Via JavaScript is Okay.It seems that data-mdb-toggle="modal" exists some lag issue, but n*_ew mdb.Modal(dom, options).show()_* is ok.


Dawid Wajszczuk staff answered 1 year ago

Hi,

Try adding pointer-events: none; to the icon in your CSS file. It should work fine. Here is the snippet https://mdbootstrap.com/snippets/standard/d-wajszczuk/3192628#css-tab-view

Keep coding,
Dawid


SKONSOFT priority commented 4 months ago

It does not work for me.


Michał Duszak staff commented 4 months ago

Are you sure you're getting the same error which this issue is about? What is your browser? Do you experience this error in above snippet?


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: iMac
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: No