nuxt / nuxt/ui

Chip with Buttom combination: Button hard to click

Open
#6,410 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

triage
Dominant language
TypeScript
Stars
6.9k
Forks
1.1k
Avg merge
1d 7h
Merged PRs (30d)
57

Description

Environment

not relevant

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.7.1

Reproduction

When trying to click a button with a chip 3xl and inset it is hard to click:

Image
Description

As an idea: maybe make the chip also clickable with the same action as the button?

Additional context

No response

Logs

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.

Research direction

Start by reproducing the Nuxt UI Chip and Button combination described in the issue, using a 3xl chip with inset. Inspect the relevant component entry points to determine why the button is hard to click; done means the combined control is reliably clickable and the intended interaction is covered by an appropriate test.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.