From a53e0cc3d8ea96b14300a2c1649ec9ec979866ab Mon Sep 17 00:00:00 2001
From: melloware <mellowaredev@gmail.com>
Date: Thu, 2 Jun 2022 14:43:41 -0400
Subject: [PATCH] Fix #2957: Image preview do not hide buttons behind image

---
 components/doc/image/index.js  | 4 ++++
 components/lib/image/Image.css | 1 +
 2 files changed, 5 insertions(+)

diff --git a/components/doc/image/index.js b/components/doc/image/index.js
index 342a177bfd..ceeb9eb547 100644
--- a/components/doc/image/index.js
+++ b/components/doc/image/index.js
@@ -291,6 +291,10 @@ import { Image } from 'primereact/image';
                                         <td><i>space</i></td>
                                         <td>Activates the button.</td>
                                     </tr>
+                                    <tr>
+                                        <td><i>esc</i></td>
+                                        <td>Closes the image preview.</td>
+                                    </tr>
                                 </tbody>
                             </table>
                         </div>
diff --git a/components/lib/image/Image.css b/components/lib/image/Image.css
index ea502d4794..a8182c2550 100644
--- a/components/lib/image/Image.css
+++ b/components/lib/image/Image.css
@@ -46,6 +46,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    z-index: 9999;
 }
 
 .p-image-preview {