Fix #2957: Image preview do not hide buttons behind image (#2958)

primefaces · Jun 2, 2022 · b6a9ddb · b6a9ddb
1 parent 853d4f2
commit b6a9ddb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git 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
@@ -46,6 +46,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    z-index: 99999999;
 }
 
 .p-image-preview {