aloha-vue 1.0.47 → 1.0.48

package/docs/src/views/PageDropdown/PageDropdown.pug

@@ -2,7 +2,8 @@ div
   h1 ADropdown
 
   a-dropdown(
-    button-class: "a_btn a_btn_link",
+    button-class="a_btn a_btn_link"
+    :is-render-default="true"
   )
     template(
       v-slot:button

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "author": "Ilia Brykin",
   "scripts": {
     "build-icons": "node scriptsNode/iconsSvgToJs.js bootstrap3 && node scriptsNode/iconsSvgToJs.js bootstrap-1-9-1"

package/src/ADropdown/ADropdown.js

@@ -124,6 +124,11 @@ export default {
       required: false,
       default: undefined,
     },
+    isRenderDefault: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {
@@ -193,6 +198,10 @@ export default {
       }
       return DROPDOWN_ATTRIBUTES;
     },
+
+    isMenuRendered() {
+      return this.isRenderDefault || this.statusExpanded;
+    },
   },
   beforeUnmount() {
     this.destroyEventCloseClick();
@@ -381,7 +390,7 @@ export default {
         h(Teleport, {
           to: "body",
         }, [
-          this.statusExpanded && h("div", null, [
+          this.isMenuRendered && h("div", null, [
             h(
               this.dropdownTag,
               this.dropdownAttributesLocal,

package/src/styles/components/ADropdown.scss

@@ -1,7 +1,3 @@
-:root {
-
-}
-
 .a_dropdown {
   display: inline-block;
   position: relative;
@@ -51,9 +47,9 @@
   border: var(--a_dropdown_border_width) solid var(--a_dropdown_border_color);
   border-radius: var(--a_dropdown_border_radius);
   overflow-x: auto;
-}
-.a_dropdown__menu_show {
-  // display: block;
+  &:not([data-popper-placement]) {
+    display: none;
+  }
 }
 .a_dropdown__item {
   display: block;