Skip to content

fix(VSnackbarQueue): avoid stale z-index#22796

Open
J-Sek wants to merge 1 commit intodevfrom
fix/vsnackbar-zindex
Open

fix(VSnackbarQueue): avoid stale z-index#22796
J-Sek wants to merge 1 commit intodevfrom
fix/vsnackbar-zindex

Conversation

@J-Sek
Copy link
Copy Markdown
Contributor

@J-Sek J-Sek commented Apr 7, 2026

prompted by failed attempt to fix queue in #22790

Snackbars appear on top anyway, do not react to Esc key thanks to persistent, do not block router navigation (143ceaa), so it seems _disableGlobalStack does not really change much anymore.

Reproduction of stale z-index:

  1. open dialog
  2. push snackbar from dialog (green)
  3. close dialog
  4. push snackbar from the page (blue or red)
image

Markup:

<template>
  <v-app theme="dark">
    <v-container class="d-flex flex-column ga-5 align-center justify-center fill-height">
      <div class="d-flex ga-2">
        <v-btn color="info" @click="addMessage('info')">Info</v-btn>
        <v-btn color="error" @click="addMessage('error')">Error</v-btn>
      </div>

      <v-btn variant="outlined">
        Open Dialog
        <v-dialog activator="parent" max-width="500">
          <v-card class="border" title="Dialog">
            <v-card-text>Click outside to close</v-card-text>
            <v-card-actions>
              <v-spacer />
              <v-btn color="success" variant="flat" @click="addMessage('success')">Post Success</v-btn>
            </v-card-actions>
          </v-card>
        </v-dialog>
      </v-btn>

      <v-snackbar-queue
        v-model="messages"
        :total-visible="50"
        closable
        collapsed
      />
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const messages = ref([])
  let messageCount = 0

  function addMessage (color) {
    messages.value.push({ text: `Message #${++messageCount}`, color })
  }
</script>

@J-Sek J-Sek added this to the v4.1.0 milestone Apr 7, 2026
@J-Sek J-Sek self-assigned this Apr 7, 2026
@J-Sek J-Sek added T: bug Functionality that does not work as intended/expected C: VSnackbarQueue labels Apr 7, 2026
@J-Sek J-Sek changed the base branch from master to dev April 7, 2026 23:23
@J-Sek J-Sek changed the title Merge branch 'master' into dev fix(VSnackbarQueue): avoid stale z-index Apr 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

C: VSnackbarQueue T: bug Functionality that does not work as intended/expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant