Skip to content

fix(VPagination): adapt to flex container - #23149

Draft
J-Sek wants to merge 1 commit into
masterfrom
fix/vpagination-in-flex-container
Draft

fix(VPagination): adapt to flex container#23149
J-Sek wants to merge 1 commit into
masterfrom
fix/vpagination-in-flex-container

Conversation

@J-Sek

@J-Sek J-Sek commented Aug 26, 2026

Copy link
Copy Markdown
Contributor
  • render invisible list duplicate to measure if it fits within container

TODO:

  • fix next/prev buttons being cut
  • fix initial page 2 (shows 1 ... 2 on certain sizes)

Markup:

<template>
  <v-app theme="dark">
    <v-container class="border ml-0" width="50vw">
      <div v-for="length in [1,2,3,4,5,14]" :key="length" class="d-flex align-center">
        <v-pagination
          v-model="page"
          :length
          class="border border-dashed"
        />
        <v-btn>something</v-btn>
      </div>
    </v-container>
  </v-app>
</template>

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

  const page = ref(1)
</script>

@J-Sek J-Sek self-assigned this Aug 26, 2026
@J-Sek J-Sek added T: bug Functionality that does not work as intended/expected C: VPagination labels Aug 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

C: VPagination 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