🐛 Unpredictable tap behaviour on Unsplash search results in mobile viewports

[niranjan-uma-shankar]

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.

Record_2025-08-02-14-53-02.mp4

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

unex1.mp4

3. Bottom-right tap inserts the image instead:

unex2.mp4

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

[niranjan-uma-shankar]

Fixed in #24586

[github-actions]

Our bot has automatically marked this issue as stale because there has not been any activity here in some time.

The issue will be closed soon if there are no further updates, however we ask that you do not post comments to keep the issue open if you are not actively working on a PR.

We keep the issue list minimal so we can keep focus on the most pressing issues. Closed issues can always be reopened if a new contributor is found. Thank you for understanding 🙂