Cannot read property 'setTranslateX' of undefined when using expose-aside-when


Hi all,

I’ve encountered an issue when Im trying to expose my right menu on a bigger screen.
After including the tag option into my tag, there is an error thrown as shown below:

TypeError: Cannot read property ‘setTranslateX’ of undefined
at self.openAmount (
at self.openPercentage (
at self.close (
at self.exposeAside (
at checkAsideExpose (
at link (
at nodeLinkFn (
at compositeLinkFn (
at nodeLinkFn (
at compositeLinkFn ( ionic.bundle.js:17696

What could be a possible solution for this issue, hope I can fix this issue soon :smiley:

Thank you :slight_smile:


Hey there! You’ve likely solved your issue by now - leaving this for posterity:

Make sure that your ion-side-menu directives follow your ion-side-menu-content directive, like so (using Jade syntax):

	ion-side-menu(side="left" expose-aside-when="large")
		h1 I'm the left side-menu!
	ion-side-menu(side="right" expose-aside-when="large")
		h1 I'm the right side-menu!

Placing an ion-side-menu prior to the ion-side-menu-content directive will cause the error you saw. Hope this helps!


Hi Ryan,

Thank you so much for your reply.
I will try out the solution and let you know again :smile:

I think i have the same structure format that you propose… I tried moving the sidemenu content before ion-side-menu too… it still happens :slight_smile: