-
Notifications
You must be signed in to change notification settings - Fork 462
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
SelectMenu popper position inside a Card #1034
Comments
The |
For reference: #806 |
True, but the |
It's better to remove it completely: #806 (comment) |
It shouldn't break the corners. At least it's not here https://stackblitz.com/edit/nuxt-starter-qmhfww?file=app.vue Benjamin is right though, better to remove it completely |
My bad, I was not setting the background on the right property 😞 |
I've decided to remove the |
Environment
Version
v2.11.0
Reproduction
https://stackblitz.com/edit/nuxt-starter-toondf?file=app.vue
Description
When using a SelectMenu, with the default popper strategy (
absolute
), inside a Card, the popper div does not overflow and creates a non usable UIAdditional context
The options div gets cropped
![image](https://private-user-images.githubusercontent.com/946345/285960409-c2f60534-7b1a-4d0e-8947-f4b2169b6763.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzQ2MDcsIm5iZiI6MTcyNjEzNDMwNywicGF0aCI6Ii85NDYzNDUvMjg1OTYwNDA5LWMyZjYwNTM0LTdiMWEtNGQwZS04OTQ3LWY0YjIxNjliNjc2My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMlQwOTQ1MDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kNWUyMTk4ZmQxYjkzMDIzZjU2YmQzNWFlMDIzM2Q3YzE0MzQ1MDJhNDI4YjE3M2RkY2ZmYzVmZTU5NDZlYTIyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.IQ3zcbKnUwusuAUCXHEL-xTML1B5uO1Z0o-3wV6k8p0)
Using the fixed strategy doesn't really fix the problem as the options div takes up the full width
![image](https://private-user-images.githubusercontent.com/946345/285960682-d20a4713-1580-4ab0-af04-d3ccf8a1e2b4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzQ2MDcsIm5iZiI6MTcyNjEzNDMwNywicGF0aCI6Ii85NDYzNDUvMjg1OTYwNjgyLWQyMGE0NzEzLTE1ODAtNGFiMC1hZjA0LWQzY2NmOGExZTJiNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkxMlQwOTQ1MDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xYWY3ZDkxYWRlN2FiZGE1MTZkYmVmYTAwMzY3ZDU0MDdmM2Q1NjM2YzQ2ZmMzOWFkZWMyYzMxYzBkNjZhOTFjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.l-Vw_VI73MD-T_1dV2X4exhUm319kbHX2h2Vs51qg04)
Logs
No response
The text was updated successfully, but these errors were encountered: