SelectListOver Content / zIndex

[milhouse34521]

Is there a way to have the SelectList display over content? When the SelectList is closed, the content below it is correctly placed. But when I select the SelectBox, the content below it scrolls down. Is there a way to display to dropdown over content, rather than moving it? I've tried setting the zIndex of the View container, using the style attribute, the dropdownStyles attribute etc. but not luck.

<SelectList 
  placeholder="Select a Category"
  setSelected={(val) => setCurrentCategoryId(val)} 
  data={gearCategories} 
  save="key"
  search={false}
  maxHeight="175"
  dropdownStyles={{ zIndex: 5}}
/>

[Hassan-1995]

same issue

[forhadmia1]

Having the same issue, I give the dropdownStyle position absolute, top 100% left 0, Now it's not moving next element to it. Now the issue is it's not visible over the element, I tried zIndex to show it on top. but not working.

[sreehari-cyberonics]

Note: Avoid height for parent view which wrap selectList eg: `

        </View> `

to, `

   </View> `

[josh-thompson13]

I'm having the same issue, anyone have a workaround ?

[mudassir-rafiq-007]

On iOS, wrap SelectList in a view and provide higher zIndex to that view than the other content. Also provide the height to the view.