Skip to content

Show error messages in full, under the file name - #17

Merged
farhanmasud merged 1 commit into
stagingfrom
fix/error-text
Nov 6, 2026
Merged

farhanmasud merged 1 commit into
stagingfrom
fix/error-text

Conversation

@farhanmasud

Copy link
Copy Markdown
Member

Found on a real Android phone (Pixel 7 Pro, Chrome). Adding a HEIC file showed the right error, but cut short. At phone width the Status column showed "This bro…". Even the desktop-site view only got as far as "This browser can't..". The full text was in a title tooltip, which touch can't open.

Change

  • Status says Failed, in red.
  • The full message sits under the file name and wraps. It has room there at any width.
  • The HEIC message says what to do: "This browser can’t open HEIC. Convert it to JPEG first, or use Safari."

At 412 px wide (the Pixel 7 Pro's width), it wraps over four lines under the name; on desktop it fits on one.

Tests

  • e2e/decode.spec.ts: the HEIC test runs at 412 px wide. It checks the whole message is visible and not clipped, and that Status reads "Failed".
  • e2e/a11y.spec.ts: the axe run now includes a failed row, so the red message is checked for contrast in light and dark mode.

Independent of #16; both target staging and merge cleanly together.

🤖 Generated with Claude Code

https://claude.ai/code/session_01STHRjFYWhkJBxSKG3tJdap

The Status column only has room for a word, so on a phone the HEIC message
was cut to "This bro…", and its title tooltip can't be opened by touch.
Status now says "Failed" and the message wraps under the file name. The
HEIC message also says what to do.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01STHRjFYWhkJBxSKG3tJdap
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying image-optimizer with  Cloudflare Pages  Cloudflare Pages

Latest commit: 4774e5b
Status: ✅  Deploy successful!
Preview URL: https://4f852f38.image-optimizer-7ba.pages.dev
Branch Preview URL: https://fix-error-text.image-optimizer-7ba.pages.dev

View logs

@farhanmasud
farhanmasud merged commit 03661de into staging Nov 6, 2026
2 checks passed
@farhanmasud
farhanmasud deleted the fix/error-text branch November 6, 2026 14:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant