anomalyco / anomalyco/opencode

[app] Replace transition-all with explicit transition properties (6 spots)

Open
#48,703 0 comments 0 reactions 1 assignee View on GitHub

@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 + translate
  • packages/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
  1. Hover or interact with the affected elements
  2. Inspect transition-property in DevTools: it reads all
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.