Skip to content

fix(VStepper): make step items clickable when non-linear prop is set#22957

Closed
sridhar-3009 wants to merge 1 commit into
vuetifyjs:masterfrom
sridhar-3009:fix/stepper-non-linear-19275
Closed

fix(VStepper): make step items clickable when non-linear prop is set#22957
sridhar-3009 wants to merge 1 commit into
vuetifyjs:masterfrom
sridhar-3009:fix/stepper-non-linear-19275

Conversation

@sridhar-3009

Copy link
Copy Markdown
Contributor

Fixes #19275

Root cause

VStepper provides defaults to VStepperItem (editable, icons, etc.) but never provided nonLinear. As a result, in VStepperItem, isClickable was computed as !props.disabled && props.editable — meaning the nonLinear prop had no effect on step navigation.

Fix

  • In VStepper.tsx: include nonLinear in the provideDefaults for VStepperItem
  • In VStepperItem.tsx: add nonLinear prop and update isClickable to !disabled && (editable || nonLinear)
  • The disabled attribute and ripple on the button now use isClickable so non-linear steppers properly enable clicking without requiring editable

editable and nonLinear remain independent: editable also shows the edit icon on the active step, nonLinear only enables click navigation.

@J-Sek

J-Sek commented Jun 28, 2026

Copy link
Copy Markdown
Contributor

behavior might be revised in v5, but in v4 we only need docs change as described here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug Report][3.5.2] v-stepper "non-linear" property not working as expected

2 participants