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

Dropdown not working inside toast #31302

Closed
techboyg5 opened this issue Jul 14, 2020 · 5 comments · Fixed by #31381
Closed

Dropdown not working inside toast #31302

techboyg5 opened this issue Jul 14, 2020 · 5 comments · Fixed by #31381
Labels
backport-to-v4 css v4 v5
Projects
v5.0.0-alpha2

Comments

@techboyg5
Copy link

techboyg5 commented Jul 14, 2020 •
edited

Dropdowns do not work when inside toasts.
@isteiger
Copy link

which version of Bootstrap is this on?

@mdo
Copy link
Member

mdo commented Jul 16, 2020

Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case via CodePen or JS Bin and report back with your link, Bootstrap version, and specific browser and operating system details.

This is a saved reply.

@techboyg5
Copy link
Author

Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case via CodePen or JS Bin and report back with your link, Bootstrap version, and specific browser and operating system details.

This is a saved reply.

Nothing's wrong :)

@gauravbehere
Copy link
Contributor

.overflow-visible can be used in combination with .toast. We have overflow-auto but that injects a scroll within the toast.
We can have overflow-visible as util. What say @mdo ?

@gauravbehere gauravbehere mentioned this issue Jul 21, 2020
Merged
@techboyg5
Copy link
Author

which version of Bootstrap is this on?

It is on Bootstrap 4.5.0.

@mdo mdo added this to Inbox in v5.0.0-alpha2 via automation Jul 31, 2020
@mdo mdo added this to Inbox in v4.5.1 via automation Jul 31, 2020
@mdo mdo mentioned this issue Jul 31, 2020
Merged
mdo added a commit that referenced this issue Jul 31, 2020
@mdo
Remove overflow: hidden from toasts
2fdbfee 
Originally added overflow: hidden; as a lazy solution to rounding corners of the toast header. One more line of code would've done the trick properly. Fixes #31302
v5.0.0-alpha2 automation moved this from Inbox to Shipped Jul 31, 2020
@XhmikosR XhmikosR removed this from Inbox in v4.5.1 Aug 3, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
backport-to-v4 css v4 v5
Projects
No open projects
v5.0.0-alpha2
  
Shipped
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Remove overflow: hidden from toasts twbs/bootstrap
4 participants
@mdo @gauravbehere @isteiger @techboyg5