Fixed #2312 - Make Dock component mobile friendly

primefaces · Sep 21, 2021 · 0304b7c · 0304b7c
1 parent 9672a16
commit 0304b7c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/dock/Dock.css b/src/components/dock/Dock.css
@@ -7,6 +7,11 @@
     pointer-events: none;
 }
 
+.p-dock-list-container {
+    display: flex;
+    pointer-events: auto;
+}
+
 .p-dock-list {
     margin: 0;
     padding: 0;

diff --git a/src/components/dock/Dock.js b/src/components/dock/Dock.js
@@ -111,7 +111,9 @@ export class Dock extends Component {
 
         return (
             <div id={this.props.id} className={className} style={this.props.style}>
-                {list}
+                <div class="p-dock-list-container">
+                    {list}
+                </div>
             </div>
         );
     }