Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.7.7] v-confirm-edit renders its actions if the actions prop is not destructured in the default v-slot #20905

Open
Girildo opened this issue Jan 22, 2025 · 1 comment
Assignees
Labels
C: VConfirmEdit T: enhancement Functionality that enhances existing features

Comments

@Girildo
Copy link

Girildo commented Jan 22, 2025

Environment

Vuetify Version: 3.7.7
Vue Version: 3.4.27
Browsers: Firefox 134.0
OS: Windows 10

Steps to reproduce

  1. Create a v-confirm-edit component
  2. Use the default v-slot without destructuring actions: <template v-slot:default="{ model: proxyModel, cancel, save, isPristine }">
  3. Observe how the two buttons 'Cancel' and 'OK' are rendered

Expected Behavior

v-confirm-edit does not render its actions when the slot is used, especially if cancel and save are in use.

Actual Behavior

The two buttons are rendered in a random place below the component.

Reproduction Link

https://play.vuetifyjs.com/#...

@KaelWD KaelWD added T: enhancement Functionality that enhances existing features C: VConfirmEdit labels Jan 23, 2025
@KaelWD KaelWD self-assigned this Jan 23, 2025
@KaelWD KaelWD added this to the v3.8.0 (Andromeda) milestone Jan 23, 2025
@KaelWD
Copy link
Member

KaelWD commented Jan 23, 2025

Yeah that seems kinda dumb actually, I don't know how this lasted over a year before someone realised you can't not use the default actions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VConfirmEdit T: enhancement Functionality that enhances existing features
Projects
None yet
Development

No branches or pull requests

2 participants