Issue Summary

Summary

When viewing Unsplash search results on a mobile viewport, tapping to zoom in on an image doesn't behave as expected:

• The zoomed-in image appears smaller than the version shown in the search results.

• Tapping different parts of the image leads to inconsistent behaviour.

Examples

1. Tapping on an image in search results

The zoomed-in image appears smaller than the version shown in the search results.

2. Top-left tap opens the image on unsplash.com in a new tab:

3. Bottom-right tap inserts the image instead:

Root Cause

These behaviors are tied to action buttons (e.g. “Insert,” “Like on Unsplash”) that are only visible on hover in desktop view. On mobile devices, where hover states aren’t triggered, users unknowingly tap hidden UI elements. This leads to confusing and inconsistent outcomes.

Expected Behavior

• Tapping an image on mobile should consistently perform one clear action (e.g., show all action buttons).

• Invisible buttons should not be interactive unless clearly shown.

Steps to Reproduce

1. Open Ghost Admin in a mobile viewport (DevTools or actual device).
2. Create a new post from /posts.
3. Click on "Add feature image"
4. Click on any of the images in the search results to observe the said behaviour.

Ghost Version

6.0.0-rc.2

Node.js Version

22.13.1

How did you install Ghost?

From source

Database type

SQLite3

Browser & OS version

No response

Relevant log / error output

Code of Conduct

• I agree to be friendly and polite to people in this repository