The Sidenav is not working even on the new Starter Template Provided there were always Null Errors
Uncaught TypeError: Cannot read property 'M_Sidenav' of null at HTMLBodyElement._handleTriggerClick (materialize.js:5479)
_handleTriggerClick @ materialize.js:5479
scriptify2
All 14 comments
What version?
Dogfalo
on 12 Nov 2017
You can see the error on this page:
http://next.materializecss.com/templates/starter-template/preview.html
Stretch the page until the menu shows & then click to reproduce.
Version: 1.0.0 Alpha-1
matugm
on 12 Nov 2017
I get this error with Firefox using 1.0.0 Alpha-1:
Empty string passed to getElementById(). materialize.js:5479:32
I did some debugging I found out the problem:
The function getIdFromTrigger expects the data-target attribue to be available, but the documentation example uses data-activates .
Changing data-activates to data-target fixed this error & the menu is working.
matugm
on 12 Nov 2017
Same issue on 1.0.0 Alpha-1. Should we get back to .100?
peecaboo
on 13 Nov 2017
@peecaboo Try changing your data-activates attribute on the sidenav-trigger class element to data-target. I believe that will fix the problem for you.
Here's a picture:
Here's the getIdFromTrigger function:
https://github.com/Dogfalo/materialize/blob/v1-dev/js/global.js#L261
matugm
on 13 Nov 2017
@matugm It worked! You are a real savior. I thank you
peecaboo
on 13 Nov 2017
@matugm I thank you too XD
xsama
on 23 Nov 2017
This is already the case in the newest templates
Dogfalo
on 30 Nov 2017
@
same error even if i have data-target.... any ideas ?
stefancata92
on 18 Apr 2018
@stefancata92 Please create a new issue illustrating your example with a Codepen
Dogfalo
on 18 Apr 2018
@stefancata92 you get this error message if you have another id on your side menu. Make sure you are using mobile demo on both places.
hanssonfredrik
on 21 Sep 2018
@GeorgesGITHUB live example or codepen please, so we can help.
pwcreative
on 29 Nov 2019
@GeorgesGITHUB live example or codepen please, so we can help.
nvm, it was a simple mistake. Works good
GeorgesGITHUB
on 30 Nov 2019
Try to set the id attribute in sidenav ul
<ul class="sidenav" id="left-sidebar"> <li><a href="/">Home</a></li> <li class="active"><a href="/">QA Bank</a></li> <li><a href="#">Blog</a></li> </ul>
Sazzad226
on 18 Jul 2020
Related issues
samybob1
路
3Comments
ericlormul
路
3Comments
PhillippOhlandt
路
3Comments
ReiiYuki
路
3Comments
locomain
路
3Comments
Most helpful comment
@peecaboo Try changing your
data-activatesattribute on thesidenav-triggerclass element todata-target. I believe that will fix the problem for you.Here's a picture:
Here's the
getIdFromTriggerfunction:https://github.com/Dogfalo/materialize/blob/v1-dev/js/global.js#L261