Ionic-framework: Right side menu not showing when expose-aside-when=large

Created on 1 Oct 2014 · 21Comments · Source: ionic-team/ionic-framework

menu-toggle="right" is not working when expose-aside-when="large" is added in ion-side-menus

Source

jasonvillalon

Most helpful comment

I think the desired behavior is for each side menu to have their own exposeAside that are independent of each other. For instance, I just want the left menu to open when "large" and not the right side.

doorty on 13 Jan 2016

👍2 ❤1

All 21 comments

Also, adding expose-aside-when to a _right side menu_ will not expose it.
Instead, it leads to the left menu being exposed (even though the expose-aside-when directive is not in it).

mikkokam on 23 Oct 2014

Yes, the directive should be related to ion-side-menu, not ion-side-menu s. It should be possible to have both side menus open when working on a large screen

FelixLC on 30 Oct 2014

dabroek on 18 Dec 2014

Quick fix to enable toggling the right sidebar is to change line 47667 in the bundle from:

if (isAsideExposed || !self.right.isEnabled) return;

to:

if (!self.right.isEnabled) return;

dabroek on 20 Dec 2014

claude on 16 Feb 2015

apostoiis on 13 Mar 2015

Not sure if this one is related to #3244 which is ready for RC1.

manosim on 13 Mar 2015

Still seeing this with the nightly build builds.

http://plnkr.co/edit/Dlpeu10XiESQnBHYiz3z?p=preview

mhartington on 16 Apr 2015

+1 to get this fixed.

helmut-hoffer-von-ankershoffen on 19 Jul 2015

+1 any workaround on this?

danboh on 20 Jul 2015

+1 to get it fix please. really anoying issue

lucbonnin on 4 Nov 2015

I think it is a HUGE issue for ergonomic purpose for several use cases :

when you have both sides menus with only leftMenu expose-aside-when=large, you can't access the right side menu :(
when you want your ipad to display side menus + content pane all the time.

Do you have any idea of a duedate for this issue on ionic v1 ?
I think it is not hard to fix it and some guys suggested some pull request.

lucbonnin on 5 Nov 2015

Hi There, Issue still present.

numerized on 27 Nov 2015

Hey everyone, got this fixed :) Behavior will look like this:

screenshot 2015-12-06 19 16 32

🍻

mlynch on 7 Dec 2015

doorty on 13 Jan 2016

👍2 ❤1

+1 doorty, the current fix exposes both the left and right menu if one of them has expose-aside-when set.

davidbergvik on 14 Jan 2016

In my opinion this fix also reopens #3352 as the element's width doesn't get updated after an orientation change (https://github.com/driftyco/ionic/commit/a98f88ba6c1715459e5ccf0a21237255417672f3#diff-7f8a45a06c53978f6e2571220899a0eaR178).

felly on 17 Mar 2016

fixed:

in the file: ionic.bundle.js
change the code:

setTranslateX: ionic.animationFrameThrottle(function(amount) {
var xTransform = content.offsetX + amount;
$element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + xTransform + 'px,0,0)';

change it to be:

setTranslateX: ionic.animationFrameThrottle(function(amount) {
var xTransform = content.offsetX + amount;
if (content.offsetX > 0)
{
      xTransform = amount;
}
$element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + xTransform + 'px,0,0)';

I know this is not good solution but I had to.