CODEWITHSUNDEEP
reactjsreact-selectreactstrap
tcoulson
tcoulson

Reputation: 624

React-select drop down obscured by active state of pagination

I am using reactstrap with react-select. When I drop down a react-select item it appears below reactstrap's PaginationItem active state. All of the other elements appear below react-select's drop down. But I need to change the z-index of PaginationItem active. I am not sure how to write the css for this. Please point me in the right direction. Thanks in advance.

Upvotes: 1

Views: 1045

Answers (1)

Tholle
Tholle

Reputation: 112787

You can set the z-index to 0 on the active tab to make it appear behind the select dropdown.

<PaginationItem active style={{ zIndex: 0 }}>
  <PaginationLink>1</PaginationLink>
</PaginationItem>

Upvotes: 1

Related Questions