Skip to content
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.

Sign up for GitHub

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

Jump to bottom

CascadeSelect panel align issue #16910

Open
umyanl opened this issue Dec 2, 2024 · 1 comment · May be fixed by #17027
Open

CascadeSelect panel align issue #16910

umyanl opened this issue Dec 2, 2024 · 1 comment · May be fixed by #17027
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Milestone
19.x

Comments

@umyanl
Copy link

umyanl commented Dec 2, 2024

Hi,

I am using the CascadeSelect component and it shows at the bottom of the page.

When I click the control, the first drop panel shows at the top of the control, which is expected behavior.
Then when I click one of the choice to show the sub-panel dropdown, it aligns top with the first dropdown panel, When the second panel is long, it cause the scrollbar to shown on the right. Is there anyway that the all the sub-panels also shown above the control, i.e. align bottom with the first panel.

Not sure it is possible by css, since it is need to be switched on only when the first panel shown at the top of the current control.
See my fork https://stackblitz.com/edit/r3ccsc for the issue. Click US it will show a long dropdown list.

Thanks,

Lixin
@github-actions github-actions bot added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 2, 2024
@mertsincan mertsincan added Resolution: Help Wanted Issue or pull request requires extra help and feedback and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 4, 2024
@github-actions GitHub Actions
Copy link

github-actions bot commented Dec 4, 2024

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

@mertsincan mertsincan added this to the 17.18.13 milestone Dec 4, 2024
@mertsincan mertsincan added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Dec 4, 2024
@mertsincan mertsincan modified the milestones: 17.18.13, 17.x Dec 9, 2024
umyanl added a commit to umyanl/primeng that referenced this issue Dec 12, 2024
@umyanl
fix CascadeSelect panel align issue (Issue primefaces#16910)
5f62cf4
@umyanl umyanl linked a pull request Dec 12, 2024 that will close this issue
Open
@mertsincan mertsincan removed the Resolution: Help Wanted Issue or pull request requires extra help and feedback label Dec 17, 2024
@mertsincan mertsincan modified the milestones: 17.x, 19.x Dec 17, 2024
@mertsincan mertsincan linked a pull request Dec 17, 2024 that will close this issue
fix CascadeSelect panel align issue (Issue #16910) #17027
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Projects
PrimeNG
Status: No status
Milestone
19.x
Development

Successfully merging a pull request may close this issue.

fix CascadeSelect panel align issue (Issue #16910) umyanl/primeng
2 participants
@mertsincan @umyanl