Image Display Problem

[arunkumar12712]

If i am click on image then image show new tab in browser.
Serenity version 8.7.2

[dniero95]

I think that is the intended behavior

[arunkumar12712]

how can solved?

[asilmertkan]

This is the default and expected behavior.

In Serenity, image fields (e.g. ImageUploadEditor) are rendered as plain <a> links.
Clicking the image simply opens the original file URL in a new browser tab.

Why it works this way

• Keeps the framework UI-agnostic
• Avoids coupling core editors to modals/lightboxes
• Works consistently across desktop and mobile browsers

Can this behavior be customized?

Yes — but not via a built-in option.
This is a UI-level customization and should be handled on the client side.

Common approaches include:

• Overriding the editor template / click handler
• Wrapping the image with a custom component
• Intercepting the click event and opening a modal / lightbox instead of navigating

For example (conceptually):

$('.s-ImageUploadEditor img').on('click', e => {
    e.preventDefault();
    // open modal / lightbox here
});