Skip to content

UTable: Virtualization and loading bar causing horizontal scroll #6246

@Ombrenoirz

Description

@Ombrenoirz

Environment

Operating system Windows 10.0.26200
CPU Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz (12 cores)
Node.js version v22.20.0
nuxt/cli version 3.34.0
Package manager npm@11.11.1
Nuxt version 4.4.2
Nitro version 2.13.1
Builder vite@7.3.1
Config colorMode, compatibilityDate, css, devtools, i18n, icon, modules, vite
Modules @nuxt/eslint@1.15.2, @nuxt/ui@4.6.0, @nuxtjs/i18n@10.2.3, nuxt-auth-utils@0.5.29, @nuxt/hints@1.0.0

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.6.0

Reproduction

https://play.ui.nuxt.com/#eNqNk91ugkAQRl9lw41tUhFUVDbYtO9gr0ovRlh0m/0hu4vaGt+9g5S0RiEmBDJnv0lOZpmj91qW/q5iHvUSmxleOmKZq0oiQG2Wqeds6j2nihAuS20cORLDCnIihdGSDLBxkKpMK+tIDg7Isj5+eK8bjvUL+3JKBtNZEAyeGoA5hmgcjKfDYDIMw1UY0UlA/xLWgassZkrgeQuZBC6QfYJk1geVM2O1emEHkKVgfqZlmwSpK+UoieJpDU5nfGETxXGPTUDxuWFToAC78pEc/P2WO9anMp7POlUW3SrBgkY3VXDIFU7gSmbPheAg/bXR+97ZTMKoU2jeJRSswphOo3tvikkJfg47bntvaRx3msx6TCIa3W/itqD8LRjT7zKbNC6p+nhMVTJqFgJ/fywcwy7UOC9D8raCtWBN944bV4Hg37+10JBztbkohpkW2uA+lYZLMF+pd3kMCrHjWmEkA6Mry0SbofVmIa8/LcsEWIusEOwwDBs6QrVk9M/TO/0AjRQnYA==

Description

Adding property virtualize and loading on a table makes the table overflow horizontally when the bar goes to the right.

Image

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtriageAwaiting initial review and prioritizationv4#4488

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions