React-modal: how to show icon beyond the content

Created on 2 Mar 2017  路  4Comments  路  Source: reactjs/react-modal

Summary:

I want to set a close icon beyond my content section, but I find this icon cannot show.

2 pic

question
Source
picture CXJoyce

Most helpful comment

Ok, I have an answer. You have to pass overflow attribute to the nested div (not to the div which has ReactModal__Content class).

picture tomasztomys on 6 Mar 2017
👍2

All 4 comments

@CXJoyce You should be able to accomplish this if you set a z-index on the icon higher than what the modal overlay sets.

claydiffrient picture claydiffrient on 5 Mar 2017

@claydiffrient not working

tomasztomys picture tomasztomys on 6 Mar 2017

Ok, I have an answer. You have to pass overflow attribute to the nested div (not to the div which has ReactModal__Content class).

tomasztomys picture tomasztomys on 6 Mar 2017
👍2

@tomasztomys ,thanks ! It does work!

CXJoyce picture CXJoyce on 6 Mar 2017
Was this page helpful?
0 / 5 - 0 ratings

Related issues

tairy-potter picture tairy-potter  路  3Comments
c0debreaker picture c0debreaker  路  4Comments
ChristopherVH picture ChristopherVH  路  3Comments
claydiffrient picture claydiffrient  路  4Comments
jrock17 picture jrock17  路  4Comments