Search code examples
selectantd

Ant design Select Options not vanish on scroll, It scrolls to other places upon scroll

I am using ant design select in antd Drawer, Upon open select options if I scroll down the select options are still showing in down page . Thank You.

Solution

  • Yes, I had the same problem, I used this method and it worked for me. getPopupContainer

     <CBSelectWrapper>
  <div id='select'>
   <label>{label}</label>
    <Select
     mode="tags"
     style={{ width: '100%' }}
     onChange={handleChange}
     tokenSeparators={[',']}
     getPopupContainer={() => document.getElementById('select')}
    >
     <Option key={value.id}>{value.title}</Option>
    </Select>
  </div>
 </CBSelectWrapper>