Skip to content

[Bug]: Storybook 10 - type detail tooltip has transparent background #33248

@6apc1k

Description

@6apc1k

Describe the bug

In Storybook 10, the tooltip that appears for table.type.detail in the Args/Controls table has a transparent background, causing the detailed type content to blend into the Docs/Controls panel and become difficult to read. In Storybook 9, this tooltip used to have a solid background color and was fully readable, so this appears to be a visual regression introduced in version 10.

This happens for the tables in docs and in 'controls' section.

Image

Reproduction link

https://stackblitz.com/edit/github-p1mtdtka?file=src%2Fstories%2FButton.stories.ts

Reproduction steps

  1. Go to the above link
  2. Go to Button story -> Docs block
  3. Find 'primary' in the table
  4. Hover over 'some summary' to reveal details

System

Storybook Environment Info:
│

│  System:
│  OS: macOS 26.1
│  CPU: (8) arm64 Apple M1 Pro
│  Shell: 5.9 - /bin/zsh
│  Binaries:
│  Node: 22.19.0 
│  npm: 8.19.4 
│  pnpm: 9.15.3 - /opt/homebrew/bin/pnpm <----- active
│  Browsers:
│  Chrome: 142.0.7444.176
│  Edge: 142.0.3595.94
│  Firefox: 143.0.3
│  Safari: 26.1
│  npmPackages:
│  @storybook/addon-a11y: 10.1.2 => 10.1.2
│  @storybook/addon-docs: 10.1.2 => 10.1.2
│  @storybook/addon-links: 10.1.2 => 10.1.2
│  @storybook/angular: 10.1.2 => 10.1.2
│  @storybook/test-runner: 0.24.2 => 0.24.2
│  eslint-plugin-storybook: 10.1.2 => 10.1.2
│  storybook: 10.1.2 => 10.1.2

Additional context

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions