@@ -6,6 +6,7 @@ import { ReactNode } from "react";
66import styled from "styled-components" ;
77import { CustomSelect } from "./customSelect" ;
88import { EllipsisTextCss } from "./Label" ;
9+ import { useEffect } from "react" ;
910import { TacoMarkDown } from "./markdown" ;
1011import { Tooltip , ToolTipLabel } from "./toolTip" ;
1112
@@ -157,6 +158,19 @@ interface DropdownProps<T extends OptionsType> extends Omit<SelectProps, "placem
157158export function Dropdown < T extends OptionsType > ( props :DropdownProps < T > ) {
158159const { placement= "right" } = props ;
159160const valueInfoMap = _ . fromPairs ( props . options . map ( ( option ) => [ option . value , option ] ) ) ;
161+
162+ useEffect ( ( ) => {
163+ const dropdownElems = document . querySelectorAll < HTMLElement > ( "div.ant-dropdown ul.ant-dropdown-menu" ) ;
164+ for ( let index = 0 ; index < dropdownElems . length ; index ++ ) {
165+ const element = dropdownElems [ index ] ;
166+ console . log ( element ) ;
167+ element . style . maxHeight = "300px" ;
168+ element . style . overflowY = "scroll" ;
169+ element . style . minWidth = "150px" ;
170+ element . style . paddingRight = "10px" ;
171+ }
172+ } , [ ] ) ;
173+
160174return (
161175< FlexDiv style = { props . style } className = { props . className } >
162176{ props . label && (