anomalyco / anomalyco/opencode
[app] Replace transition-all with explicit transition properties (6 spots)
@Hona is already working on this.
Since Sep 12, 2026.
- Dominant language
- TypeScript
- Stars
- 209k
- Forks
- 27.5k
- PR merge metrics
- PR metrics pending
Description
Description
There are six transition-all usages in the app. transition-all makes the browser consider every animatable property on interaction, including unintended ones (box-shadow is paint; width is layout).
packages/app/src/components/titlebar.tsx— opacity + translatepackages/app/src/components/prompt-input/context-items.tsx— chip (box-shadow + background-color) and its remove button (color)packages/app/src/components/dialog-release-notes.tsx— pagination dots (width)packages/app/src/pages/session/timeline/message-timeline.tsx— scroll-to-bottom button (opacity + translate + scale)packages/app/src/pages/layout/sidebar-workspace.tsx— workspace icon (width + opacity)
Each is replaced with the exact properties that change. No visual or behavioral change; this is hygiene that also avoids accidental transitions when new classes are added later. Note: translate-*/scale-* use the translate/scale properties in this Tailwind version, and the transition lists account for that.
Plugins
none
OpenCode version
OpenCode Desktop 1.18.29
Steps to reproduce
- Hover or interact with the affected elements
- Inspect
transition-propertyin DevTools: it readsall
Screenshot and/or share link
No screenshot — no visual difference.
Operating System
CachyOS (Arch Linux), KDE Plasma 6.7.5, Wayland
Terminal
n/a (desktop app)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.