Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Ripple for primary button not working on mybb

XNetwork free asked 5 years ago


Hello, I'm trying to design a theme for a mybb forum using a barebone already made dark theme. The problem I am experiencing is that buttons will work and have a click animation but it's missing the ripple. Upon checking console, I saw an error saying*Uncaught TypeError: Cannot read property 'addEventListener' of null at Object.e.init (materialui.min.js:13936) at materialui.min.js:13969*I tried adding Google's Material Design LIte and I receive the same thing but with no error and no ripple. How do I fix this?

The code is erroring on this line

"duration" in (e = e || {}) && (l.duration = e.duration), "delay" in e && (l.delay = e.delay), i && (t.addEventListener("touchstart", h, !1), t.addEventListener("touchcancel", d.registerEvent, !1), t.addEventListener("touchend", d.registerEvent, !1)), t.addEventListener("mousedown", h, !1) Edit: The code is erroring on lots of lines that has the waves effect or a shadow sort of effect


Bartłomiej Malanowski staff commented 5 years ago

Are you using Material UI or MDBootstrap?


XNetwork free commented 5 years ago

I'm using MDBootstrap


Bartłomiej Malanowski staff commented 5 years ago

What are the steps to recreate your issue?


XNetwork free commented 5 years ago

Host mybb forum software and include the MDB API in the headerinclude in template in mybb ACP.


Bartłomiej Malanowski staff commented 5 years ago

Can you share a demo with us?



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.6.1
  • Device: HP Pavilion 570 p026
  • Browser: Chrome Version 71.0.3578.98
  • OS: Windows 10 Enterprise
  • Provided sample code: No
  • Provided link: No