[UX/Minor Bug] Two "Clear" Buttons, Double the Confidence – Same Result 😄 #69
Description
While using the search bar on the Embedding Atlas site, I noticed a small but amusing UX detail —
the search bar proudly presents two separate "clear" buttons, both fully committed to the noble mission of… clearing the same input. 😅
Both buttons function identically — clicking either one resets the search text field — which is impressive teamwork,
but slightly confusing from a user perspective.
Steps to Reproduce
- Visit apple.github.io/embedding-atlas
- Click on the Search bar (top center)
- Type any text (e.g.,
fenfjkrnfjebn) - Observe that two “clear” icons appear — both clickable, both eager to serve.
Expected Behavior
Only one clear button should appear to maintain a clean, minimal UI (and user sanity 😄)
Actual Behavior
Two clear buttons appear — both perform the same function, offering users a redundant but strangely reassuring
double confirmation that their text will be cleared, one way or another.
Screenshots
Attached below:
- Search bar in focus (two clear buttons visible)
- Search with random input showing both active clear buttons
Environment
- Browser: Chrome (latest)
- OS: macOS
- Resolution: 1394×768
Suggested Fix
Maybe unify both icons into a single “clear” control — unless, of course,
the redundancy is an intentional metaphor for “double assurance” in data visualization 😄
Additional Notes
Not a blocking issue — just a small UX inconsistency that might confuse users (or amuse developers).
Either way, it’s a fun one to polish! ✨
