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

pt-fill unsupported in suggest/multiselect components #2137

Closed
siftikha opened this issue Feb 15, 2018 · 2 comments · Fixed by #3636
Closed

pt-fill unsupported in suggest/multiselect components #2137

siftikha opened this issue Feb 15, 2018 · 2 comments · Fixed by #3636

Comments

@siftikha
Copy link

siftikha commented Feb 15, 2018

Bug report or Feature Request

blueprintjs/select 2.0.0
Chrome, OSX

Steps to reproduce

Try to make a suggest/multiselect with pt-fill

Actual behavior

The multiselect or suggest fails to fill the container

Expected behavior

The multi-select or suggest ought to fill the container

@mindcrash
Copy link

I have achieved this partially by overriding .pt-popover-wrapper with a custom class and telling it to use the full width of whatever element it is sitting in:

.pt-popover-wrapper.ns-my-popover-wrapper {
 width: 100%;
}

The popover is still a bit of a pain however, because it is rendered within a portal outside of the tree (although something does seem to happen there because the arrow is moving towards the center when applying the style above).

@giladgray
Copy link
Contributor

@mindcrash the arrow has a mind of its own. if you are able to not use a portal for this popover then you can easily size it to the button!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment