Question

187

Scroll on Dropdown of antD component React

rated 0 times [ 192] [ 5] / answers: 1 / hits: 6734 / 4 Years ago, mon, august 10, 2020, 12:00:00

I am looking for scroll if data longer than 10,

<Dropdown overlay={menu}>

    <a className="ant-dropdown-link" onClick={(e) => e.preventDefault()}>

      Hover me <DownOutlined />

    </a>

  </Dropdown>

https://codesandbox.io/s/agitated-star-m7rhf?file=/index.js

This where I am trying to achieve the scroll but not sure how to make it work..
can anyone help me with this.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

calicinthias

Add To Favorites

Follow

Total Points: 447

Total Questions: 101

Total Answers: 118

Location: Botswana

Member since Sat, Dec 31, 2022

1 Year ago

calicinthias questions

1 DataGrid blank/not displaying data? Material UI

Sun, Jan 2, 22, 00:00, 2 Years ago

1 How to test for useEffect inside a custom hook?

Wed, Jan 13, 21, 00:00, 3 Years ago

1 Vue.js trying to get DOM element by ID in computed returns null

Tue, Jul 14, 20, 00:00, 4 Years ago

1 Adding a key-value pair to an object inside loop using React useState hook

Fri, Jun 26, 20, 00:00, 4 Years ago

1 Mapping Over an Array onClick Button in React

Fri, May 15, 20, 00:00, 4 Years ago

View All

answered 4 Years ago savanar · Accepted Answer

I think you can do this with CSS like;

.ant-dropdown-menu {

    max-height: 250px;

    overflow: auto;

}

but this one doesn't check item count. If you want to check item count, you can do this with styled-components module.