[Bug Report][3.3.3] VOverlay contained is cropped if content is larger than container

[scscgit]

Environment

Vuetify Version: 3.3.3
Last working version: 2.6.15
Vue Version: 3.3.4
Browsers: Mozilla Firefox, Opera
OS: Windows 10

Steps to reproduce

Use <v-overlay contained> with content that exceeds the boundaries of outer container.

Expected Behavior

Both behaviors should be supported depending on our use-case: cropping the content or exceeding the outer container.

Vuetify 2 behavior with absolute prop:

Actual Behavior

Content is cropped.

Reproduction Link

• Vuetify 3 with contained: https://play.vuetifyjs.com/#...
• Vuetify 2 with absolute: https://codepen.io/3e30K5dl6JkG/pen/yLQYMgx

Other comments

• In Vuetify 2, <v-overlay absolute> had the behavior of exceeding the outer container. Documentation doesn't provide migration alternative.
• As a feature request, I'd really like an option to enforce that after exceeding the outer container, the element never goes outside the screen; i.e. its top position will always be above 0px and, if needed, page will be scrollable.

[KaelWD]

This is actually due to VCard having overflow hidden now, not anything to do with VOverlay.

the element never goes outside the screen

https://vuetifyjs.com/en/components/overlays/#connected
Follow #15658 to define which element it should stick to.