Skip to content

fix(web): UX polish and accessibility for playground - #39

Merged
ohnishant merged 17 commits into
mainfrom
fix/playground-ux-polish
Oct 13, 2026
Merged

fix(web): UX polish and accessibility for playground#39
ohnishant merged 17 commits into
mainfrom
fix/playground-ux-polish

Conversation

@ohnishant

@ohnishant ohnishant commented Oct 13, 2026 •
edited
Loading

Copy link
Copy Markdown
Owner

Iterative UX, accessibility, and visual polish for the web playground.

Changes include:

  • Visible keyboard focus outlines; cmd+enter run shortcut.
  • Running state on run button; clear/copy/share buttons.
  • Autocomplete closes on outside click; Tab indents when no candidate.
  • Mobile pane height bounds; pane shadows; empty output state.
  • Deep-linkable snippets via URL hash; empty-run hint.
  • Example dropdown can reload the same example.
  • Status reflects wasm boot failures; disabled run button tooltip.
  • Editor exposed as multiline textbox; page description meta.

@ohnishant
fix(web): visible keyboard focus outlines for interactive controls
b5f9f45
@ohnishant
fix(web): disable clear-output button when output is empty
1a35472
@ohnishant
fix(web): bound pane heights on small screens so layout stays usable
178113e
@ohnishant
fix(web): show running state on run button and restore label
6f3f273
@ohnishant
fix(web): close autocomplete on outside click and support cmd+enter run
65b8832
@ohnishant
style(web): distinguish primary run button from secondary clear button
ef5c5d2
@ohnishant
style(web): add friendly empty state to output pane
edb339e
@ohnishant
style(web): polish panes, autocomplete panel, and shadows
ec1ee9c
@ohnishant
a11y(web): expose editor as multiline textbox and add page description
2e46c5c
@ohnishant
ux(web): add tooltip to clear output button
1d1db3f
@ohnishant
ux(web): reflect wasm boot failure in status indicator
e40996d
@ohnishant
ux(web): make Tab indent when no completion candidate
7787f18
@ohnishant
feat(web): add copy-output button
ea797f3
@ohnishant
feat(web): shareable links for editor snippets
e811ffb
@ohnishant
a11y(web): describe disabled run button via tooltip
d5e8d29
@ohnishant
ux(web): allow reloading the same example from the dropdown
301de6f
@ohnishant
ux(web): hint when running an empty editor
eb790c9
@ohnishant
ohnishant merged commit 0970a93 into main Oct 13, 2026
14 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@ohnishant