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

Control Cascader height of drop down #7377

Closed
edencorbin opened this issue Aug 29, 2017 · 4 comments
Closed

Control Cascader height of drop down #7377

edencorbin opened this issue Aug 29, 2017 · 4 comments

Comments

@edencorbin
Copy link

Version

2.12.8

Environment

chrome node react-web 15.5.4

Reproduction link

https://codepen.io/edencorbin/pen/WEamZa?editors=0010

Steps to reproduce

Create a cascader with more then ~6 options. How can we control the height of the drop down so that more options are shown prior to the scroll bar interface?

What is expected?

Option to set how many items are shown prior to scroll, or a pixel height the drop down should be. I did not see this in the docs. A standard select usually auto sizes via the browser to try to show all options.

What is actually happening?

5-6 options are displayed and the rest are accessible via a scrollbar.


If I didn't see the option, thank you for your time pointing it out.

@ddcat1115
Copy link
Contributor

You can customize the style of the popup container(and the content) by adding popupClassName.

.popupClassName {
  .ant-cascader-menu {
    height: xxx
  }
}

@afc163 afc163 closed this as completed Sep 12, 2017
@abc879475908
Copy link

Control Cascader height of drop down 下拉样式无法控制,组件没有提供方法

@abc879475908
Copy link

@ddcat1115

@abc879475908
Copy link

提供的style无法控制到下拉样式

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants