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
QSelect menu gets cut off if using it within an overflow hidden parent #3242
Comments
Thank you for reporting - we'll try to find a way to solve it. |
Same goes to q-expansion-item |
Should be a priority issue :) |
This is on the radar, yes. |
The same with q-tab-panels, q-tabs and q-card (quasar@1.0.0-beta.4) |
I faced this issue recently. My proposal for a quick fix is: add QSelect option to limit the number of dropdown list elements. |
I have the same issue. For temporary fix, I added the following css: .q-dialog {
.q-dialog__inner > div {
overflow: visible;
}
} |
The same with QTable (opening a QSelect changes de height of the table... maybe the popup container should be something else) |
We are aware and we will fix it. |
Just because it hasn't been mentioned explicitly and I just ran into it. https://codepen.io/skwrl/pen/KEZLrQ?&editable=true&editors=101 |
I was lazy and just modified this, but the same thing happens with q-tab-panels, q-tabs, and the pagination drop-down menu. |
Fix will be available in beta.14 |
Delaying this a bit. Not yet "production ready". Didn't went into beta.14. |
@rstoenescu just quoting @sskwrl , it's still happening on QStepper on beta15. |
@Hamdan85 hi, yes, which is why I haven't closed this issue and not told in which version the fix is available. This is not as easy as it might seem, but it's currently 95% done, so there are high chances of this getting into beta.16. Will post updates and close this ticket when we get to 100%. Thanks for your patience. This is not as easy as it may seem. |
@rstoenescu im not complaining... lol... and I know that it's not simple as it seems, i tried to fix it lol |
check this: https://www.npmjs.com/package/quasar-app-extension-qdatetimepicker |
lol @mam-ijinus it is from tobias... i tried to use but it's still in development. |
Fix available in beta.16. |
@rstoenescu I was even considering inform you on discord, but since this was still opened, I didnt, but the problem is still happening within q-tabs |
@Hamdan85 Make sure you're using Quasar beta.16 (not |
@rstoenescu lol.. my bad. |
@Hamdan85 codepen pls? |
Hi @rstoenescu just wanted to report some weird bug (should I open a new issue for this) Issue CodePen Version |
@kimini507 Already reported. Already fixed. Will be available in beta.17 (to be released today or tomorrow). |
Thanks @rstoenescu |
Software version
Quasar v1 beta1
JsFiddle
https://codepen.io/stefanvh/pen/MLBbzZ
What did you get as the error?
The popover is hidden because it is contained within the QDialog viewbox. The popover seems to be scrollable in this case, but that also does not work like it should (can't scroll up).
What were you expecting?
It should be visible, probably by not containing the popover inside the QDialog.
What steps did you take, to get the error?
The text was updated successfully, but these errors were encountered: