primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Image: Preview toolbar buttons only close the preview in unstyled NextJS 14

Open melloware opened this issue 1 year ago • 0 comments

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.

melloware avatar Feb 23 '24 21:02 melloware