Image: Preview toolbar buttons only close the preview in unstyled NextJS 14
Discussed in https://github.com/orgs/primefaces/discussions/1267
Originally posted by baracuda69 February 23, 2024 When clicking on an image to open preview, the preview opens as expected (although the image dimensions are too large to fit on-screen - which can be addressed with custom css).
However, the toolbar (with the rotate, zoom and close icons) does not function; Any button/icon clicked on that toolbar simply closes the image preview (previewcontainer).
I have tried to add some custom css to adjust the z-index of the previewcontainer, toolbar, but to no avail.
https://stackblitz.com/edit/stackblitz-starters-3gzjrf?file=app%2Fpage.tsx
Note that stackblitz originally configured next.js v13.x, and the problem I mentioned did not exist; However, after updating to next.js v14 the problem is as reported.
You can, of course, see all package versions in package.json.