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.

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

Dropdown content is bounded by a parent card #3145

Assignees

Comments

@gsvarovsky
Copy link

This is about Bulma.
It is a change of behaviour in Bulma 0.9.1 since 0.9.0.

Overview of the problem

This is a Sass issue: I'm using version [0.9.1]

I am sure this issue is not a duplicate.

Description

If a dropdown is used in a card, the dropdown content is bounded by the card.

This is caused by the default value of the new variable $card-overflow

Steps to Reproduce

  1. Put a dropdown menu in a card, such that the dropdown content would go beyond the bottom of the card (I usedis-hoverable)

Expected behavior

Screenshot 2020-10-07 at 14 34 00

Dropdown content shows fully.

Actual behavior

Screenshot 2020-10-07 at 14 24 28

Dropdown content beyond the bottom of the card is hidden.

@jgthms
Copy link
Owner

jgthms commented Oct 7, 2020

Good point. I didn't realise the overflow would be an issue. It was introduced to allow the card to have rounded corners. There might be a workaround.

@jgthms jgthms self-assigned this Oct 7, 2020
@gsvarovsky
Copy link
Author

Sorry, yes, forgot to mention, I just added overflow: visible as a workaround on my page.

@jgthms
Copy link
Owner

jgthms commented Oct 7, 2020

I mean there is a way to add rounded corners to the card without using overflow: hidden, so that you don't need this workaround.

I will add it to the next release.

@jgthms jgthms closed this as completed in 223ee44 Oct 31, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment