ColorPicker is buggy in Slideover

[Hengry]

Environment

• Operating System: Darwin
• Node Version: v20.18.3
• Nuxt Version: 3.16.1
• CLI Version: 3.23.1
• Nitro Version: 2.11.7
• Package Manager: pnpm@10.6.5
• Builder: -
• User Config: modules, devtools, css, routeRules, future, compatibilityDate, nitro, eslint
• Runtime Modules: @nuxt/eslint@1.2.0, @nuxt/image@1.10.0, @nuxt/ui-pro@3.0.1, @nuxt/content@3.4.0, @vueuse/nuxt@13.0.0, nuxt-og-image@5.0.5
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.2

Reproduction

https://github.com/Hengry/nuxt-ui-color-picker-bug

Description

If the color picker is placed inside a slideover, the square picker will always be stuck on the left. Once you select the hue on the right, everything will be fine. And the issue happens again if you close and open the slide over again.

Additional context

No response

Logs