Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: Expose-aside throwing setTranslateX error #2693

Closed
mhartington opened this issue Dec 9, 2014 · 1 comment
Closed

bug: Expose-aside throwing setTranslateX error #2693

mhartington opened this issue Dec 9, 2014 · 1 comment

Comments

@mhartington
Copy link
Contributor

Type: bug

Platform: all

Given the following markup, you get an error as far back as beta 12.

http://codepen.io/mhartington/pen/ByjGdQ

TypeError: Cannot read property 'setTranslateX' of undefined
 <ion-side-menus>

      <ion-side-menu side="left" expose-aside-when="large">
          <ion-header-bar class="bar-balanced">
            <h1 class="title isban"><span>myIsban</span></h1>
          </ion-header-bar>
          <ion-content>
            <ion-list class="mymenu">
              <ion-item menu-close >
                Home
              </ion-item>
            </ion-list>
          </ion-content>
        </ion-side-menu>

      <ion-side-menu-content>
        <ion-header-bar class="bar-balanced">

          </ion-header-bar>
        <ion-content class="padding">
          <p>
            On a small viewport (less than 768px window width), the left menu will be hidden, but can be shown by swiping left to right, or toggling the button in the top left of the header. On a large viewport (greater than or equal to 768px), the left menu will stay open.
          </p>
          <p>
            Using <code>large</code> as the attribute's value is an alias to <code>(min-width:768px)</code> since it is the most common use-case. However, for added flexibility, any valid media query could be added as the value, such as <code>(min-width:600px)</code> or even multiple queries such as <code>(min-width:750px) and (max-width:1200px)</code>.
          </p>
        </ion-content>
      </ion-side-menu-content>

      <ion-side-menu side="right">
        <ion-header-bar class="bar-royal">
          <h1 class="title">Right Menu</h1>
        </ion-header-bar>
        <ion-content>
          <div class="list">
            <div class="item">
              A few
            </div>
            <div class="item">
              of my
            </div>
            <div class="item">
              favorite
            </div>
            <div class="item">
              things
            </div>
          </div>
        </ion-content>
      </ion-side-menu>

    </ion-side-menus>
@elmurci
Copy link

elmurci commented Dec 16, 2014

Hi, any plans on fixing this issue?
It is preventing the expose-aside-large directive to work

@adamdbradley adamdbradley self-assigned this Feb 16, 2015
@ajoslin ajoslin assigned ajoslin and unassigned adamdbradley Apr 14, 2015
@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 7, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants