fix tooltip positioning

Author: Michał Nykiel

src/components/Dropdown/DropdownCheckboxItem.vue

@@ -64,10 +64,13 @@
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        display: flex;
         height: 40px;
     }
 
+    .dropdown-checkbox-item.checkbox-wrapper {
+        display: flex;
+    }
+
     .dropdown-checkbox-item:hover {
         background-color: rgb(244, 245, 247);
         color: rgb(23, 43, 77);

src/components/Tooltip/Tooltip.vue

@@ -69,7 +69,9 @@
                 this.show = false;
             },
             append() {
-                document.body.appendChild(this.$refs.popper.$el);
+                if (this.$refs.popper) {
+                    document.body.appendChild(this.$refs.popper.$el);
+                }
             }
         }
     };

src/components/Tooltip/TooltipContent.vue

@@ -7,8 +7,7 @@
             :placement="placement"
             :offset="offset"
             :with-delay="withDelay">
-            <span class="label"
-                  :disabled="disabled">
+            <span class="label">
                 {{ label }}
             </span>
         </Popper>

src/directives/tooltip.js

@@ -1,4 +1,5 @@
 /* eslint-disable no-underscore-dangle */
+import Vue from 'vue';
 import TooltipContent from '../components/Tooltip/TooltipContent.vue';
 
 function createTooltipComponent(el, context) {
@@ -59,7 +60,9 @@ function createTooltip(TooltipComponent, props) {
 
     const tooltipInstance = new TooltipComponent();
     tooltipInstance.update(props);
-    tooltipInstance.$mount(tooltipContainer);
+    Vue.nextTick(() => {
+        tooltipInstance.$mount(tooltipContainer);
+    });
     return tooltipInstance;
 }