Topic: Lots of JS Errors on Modal Popups

riazlalehzari@hotmail.com pro asked 5 years ago


I've just purchased the full bundle, and was really disappointed to realise there's JS errors on the admin modal screen. e.g. https://mdbootstrap.com/live/_MDB/templates/Admin/modals.html To reproduce: 1. Go to https://mdbootstrap.com/live/_MDB/templates/Admin/modals.html 2. Click the "Side Modal Fluid" button 3. On the newly appeared popup side window, just mouse-over any of the edit icons, (or open the "cog" icon that slides out another bit of content). 4. Now the modal functionality has died, and cannot be closed. You can't close the modal via the close button, or by clicking away. There are these errors below every time I try to close the modal window: Uncaught Error: Tooltip is transitioning at h.hide (bootstrap.min.js:7) at HTMLDivElement.<anonymous> (bootstrap.min.js:7) at HTMLDivElement.dispatch (jquery-3.1.1.min.js:3) at HTMLDivElement.q.handle (jquery-3.1.1.min.js:3) at Object.trigger (jquery-3.1.1.min.js:4) at HTMLDivElement.<anonymous> (jquery-3.1.1.min.js:4) at Function.each (jquery-3.1.1.min.js:2) at r.fn.init.each (jquery-3.1.1.min.js:2) at r.fn.init.trigger (jquery-3.1.1.min.js:4) at h.hide (bootstrap.min.js:6) h.hide @ bootstrap.min.js:7 (anonymous) @ bootstrap.min.js:7 dispatch @ jquery-3.1.1.min.js:3 q.handle @ jquery-3.1.1.min.js:3 trigger @ jquery-3.1.1.min.js:4 (anonymous) @ jquery-3.1.1.min.js:4 each @ jquery-3.1.1.min.js:2 each @ jquery-3.1.1.min.js:2 trigger @ jquery-3.1.1.min.js:4 h.hide @ bootstrap.min.js:6 (anonymous) @ bootstrap.min.js:6 dispatch @ jquery-3.1.1.min.js:3 q.handle @ jquery-3.1.1.min.js:3 bootstrap.min.js:6 Uncaught Error: Modal is transitioning at h.hide (bootstrap.min.js:6) at HTMLButtonElement.<anonymous> (bootstrap.min.js:6) at HTMLDivElement.dispatch (jquery-3.1.1.min.js:3) at HTMLDivElement.q.handle (jquery-3.1.1.min.js:3) I had the same behaviour on local, as well as on the mdb live preview URL. What is the cause and fix for this?

Thank you Bartlomiej

Hi, I checked your problem. There's a problem in Bootstrap 4 alpha-v6. Problem will be fixed in Bootstrap 4 beta-v1. Here's the pull request with solution

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags