Fixed #469

public/resources/themes/omega/theme.scss

@@ -451,7 +451,7 @@ $inputGroupTextColor: #222222;
 .ui-menu,
 .ui-menubar, .ui-menubar .ui-submenu-list,
 .ui-tieredmenu, .ui-tieredmenu .ui-submenu-list,
-.ui-slidemenu, .ui-slidemenu .ui-submenu-list,
+.ui-slidemenu,
 .ui-contextmenu, .ui-contextmenu .ui-submenu-list,
 .ui-megamenu {
     color: #1b1d1f;

src/components/slidemenu/SlideMenu.css

@@ -0,0 +1,90 @@
+.ui-slidemenu {
+    width: 12.5em;
+    padding: .25em;
+}
+
+.ui-slidemenu.ui-slidemenu-dynamic {
+    position: absolute;
+    display: none;
+}
+
+.ui-slidemenu .ui-menu-separator {
+    border-width: 1px 0 0 0;
+}
+
+.ui-slidemenu ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.ui-slidemenu .ui-slidemenu-rootlist {
+    position: absolute;
+    top: 0;
+}
+
+.ui-slidemenu .ui-submenu-list {
+    display: none;
+    position: absolute;
+    top: 0;
+    width: 12.5em;
+    padding: .25em;
+}
+
+.ui-slidemenu .ui-menuitem-link {
+    padding: .25em;
+    display: block;
+    position: relative;
+    text-decoration: none;
+}
+
+.ui-slidemenu .ui-menuitem-icon {
+    margin-right: .25em;
+}
+
+.ui-slidemenu .ui-menuitem {
+    position: relative;
+    margin: .125em 0;
+}
+
+.ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
+    position: absolute;
+    margin-top: -.5em;
+    right: 0;
+    top: 50%;
+}
+
+.ui-slidemenu .ui-slidemenu-wrapper {
+    position: relative;
+}
+
+.ui-slidemenu .ui-slidemenu-content {
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: relative;
+    height: 100%;
+}
+
+.ui-slidemenu-backward {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    padding: 0.25em;
+    cursor: pointer;
+}
+
+.ui-slidemenu-backward .ui-slidemenu-backward-icon {
+    vertical-align: middle;
+}
+
+.ui-slidemenu-backward span {
+    vertical-align: middle;
+}
+
+.ui-slidemenu .ui-menuitem-active {
+    position: static;
+}
+
+.ui-slidemenu .ui-menuitem-active > .ui-submenu-list {
+    display: block;
+}

src/components/slidemenu/SlideMenu.d.ts

@@ -1,21 +1,5 @@
 import React = require("react");
 
-interface SlideMenuSubProps {
-    item?: any;
-    root?: boolean;
-    backLabel?: string;
-    menuWidth?: any;
-    effectDuration?: any;
-    easing?: string;
-    slideMenu?: any;
-    slideMenuLeft?: string;
-    onMenuItemClick?(): void;
-    isAnimating?(): void;
-    setAnimating?(boolean: boolean): void;
-}
-
-export class SlideMenuSub extends React.Component<SlideMenuSubProps,any> {}
-
 interface SlideMenuProps {
     id?: string;
     model?: Array<any>;
@@ -27,6 +11,10 @@ interface SlideMenuProps {
     backLabel?: string;
     menuWidth?: number;
     viewportHeight?: number;
+    autoZIndex?: boolean;
+    baseZIndex?: number;
+    onShow?(e: Event): void;
+    onHide?(e: Event): void;
 }
 
 export class SlideMenu extends React.Component<SlideMenuProps,any> {}