Fixed #1398 - Make Dock component mobile friendly

src/components/dock/Dock.vue

@@ -68,6 +68,11 @@ export default {
     pointer-events: none;
 }
 
+.p-dock-list-container {
+    display: flex;
+    pointer-events: auto;
+}
+
 .p-dock-list {
     margin: 0;
     padding: 0;
@@ -75,7 +80,6 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    pointer-events: auto;
 }
 
 .p-dock-item {

src/components/dock/DockSub.vue

@@ -1,4 +1,5 @@
 <template>
+    <div class="p-dock-list-container">
         <ul ref="list" class="p-dock-list" role="menu" @mouseleave="onListMouseLeave">
             <li v-for="(item, index) of model" :class="itemClass(index)" :key="index" role="none" @mouseenter="onItemMouseEnter(index)">
                 <template v-if="!template">
@@ -22,6 +23,7 @@
                 <component v-else :is="template" :item="item"></component>
             </li>
         </ul>
+    </div>
 </template>
 
 <script>