Fix minors

Author: git-babel

lib/components/Menu.js

@@ -20,9 +20,9 @@ export default class Menu extends BaseElement {
       this.style.backgroundColor = '';
     });
 
-    this.menuItems = createDiv({ className: `${classes['menuItems']} ${classes['hidden']}` });
+    this.menuItemsDiv = createDiv({ className: `${classes['menuItemsDiv']} ${classes['hidden']}` });
 
-    this.items.forEach((item) => {
+    this.items.forEach((item, idx) => {
       const { label, element, callback } = item;
       const labelElem = element || createLabel({
         className: `${classes['fontNormal']} ${classes['fontHeavy']}`,
@@ -37,15 +37,15 @@ export default class Menu extends BaseElement {
       }
 
       itemElem.appendChild(labelElem);
-      this.menuItems.appendChild(itemElem);
+      this.menuItemsDiv.appendChild(itemElem);
 
-      if (this.divider && item !== this.items[this.items.length - 1]) {
+      if (this.divider && idx < (this.items.length - 1)) {
         const divider = this.divider.cloneNode(true);
-        this.menuItems.appendChild(divider);
+        this.menuItemsDiv.appendChild(divider);
       }
     });
 
-    this.element.appendChild(this.menuItems);
+    this.element.appendChild(this.menuItemsDiv);
     this.element.onclick = (e) => {
       e.stopPropagation();
       if (this.opened) {
@@ -61,12 +61,12 @@ export default class Menu extends BaseElement {
   }
 
   show() {
-    this.menuItems.classList.remove(classes['hidden']);
+    this.menuItemsDiv.classList.remove(classes['hidden']);
     this.opened = true;
   }
 
   hide() {
-    this.menuItems.classList.add(classes['hidden']);
+    this.menuItemsDiv.classList.add(classes['hidden']);
     this.opened = false;
   }
 }

lib/css/styles.js

@@ -1166,7 +1166,7 @@ const styles = {
     },
   },
 
-  menuItems: {
+  menuItemsDiv: {
     position: 'absolute',
     top: '40px',
     right: '0',