Is it possible to close upon clicking the gray area outside of the image viewer box?

[vaultec81]

Is it possible to close upon clicking the gray area outside of the image viewer box? I think this is specific enough, similar to other image previewers like the one on discord for example.

[specter256]

Please, try release 1.1.0 - new prop closeOnClickOutside was added.

[vaultec81]

Please, try release 1.1.0 - new prop closeOnClickOutside was added.

Great I am glad to see this being implemented.

One issue is it only works for part of the screen and not the full size of the screen

Only the area on the left and right of the image will close the preview. The top and bottom will not trigger closing. I don't know if this is intention or a bug, but either way would be great to have such functionality.

[specter256]

What browser are you using? When closeOnClickOutside is true, the image is closed by clicking the top and bottom. Have you tried running the demo (https://codesandbox.io/s/react-simple-image-viewer-demo-4itlr)?

[vaultec81]

What browser are you using? When closeOnClickOutside is true, the image is closed by clicking the top and bottom. Have you tried running the demo (https://codesandbox.io/s/react-simple-image-viewer-demo-4itlr)?

I am running on brave browser which is effectively Chrome. I will take a look at the demo and see if it's a project specific issue.