Skip to content

Overflow "responsive toolbar" docs example: popover content is always visible (renders open without clicking) #419

Description

@johnleider

Where

Overflow docs page → Responsive toolbar example.

  • Page: /components/semantic/overflow
  • Source: apps/docs/src/examples/components/overflow/OverflowToolbar.vue

Symptom

The +N more overflow popover renders open on load — its content is visible without the activator ever being clicked.

Repro

  1. Open the Overflow page.
  2. Narrow the viewport until the toolbar overflows (≤ ~500px wide).
  3. The +6 more popover menu (Export / Print / Rename / Duplicate / Archive / Delete) is shown without interacting with the activator.

Evidence (DOM, at 500px wide)

  • Popover.Content (.min-w-40) is display: flex, 160×212, visible.
  • The +6 more activator has aria-expanded = null and popovertarget = "v-…" (native Popover API) — i.e. the content is not starting in the closed state.

Expected

Popover content stays hidden until the activator is clicked.

Likely cause

Popover.Content isn't gated on the open state in this usage (the native popover isn't starting hidden). Looks component-level (C: Popover) surfaced via this example, rather than purely an example mistake — triage to confirm.

Note

Found while reviewing #417's docs preview. Not caused by #417 — that PR only refactors OverflowRoot.vue item-visibility caching and doesn't touch Popover/open-state. Pre-existing.

Metadata

Metadata

Assignees

Labels

C: PopoverT: bugSomething isn't workingdocumentationImprovements or additions to documentation

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions