Transition of popup doesn't work when uses this package.

[hc0503]

This is my comment modal style.

.commentModal {
	background-color: var(--theme-chapter-toolbar-bg-color);
	position: fixed;
	top: 62px;
	right: 5px;
	width: 400px;
	bottom: 5px;
	box-shadow: -2px 1px 9px 0px rgb(85 85 85 / 13%);
	padding: 30px;
	border: 1px solid var(--theme-chapter-toolbar-border-color);
	border-radius: 5px;
	z-index: 3;
	transition: all 0.3s ease-in-out;

	&:global(.comment-modal-enter) {
		transform:translateX(100%);
	}

	&:global(.comment-modal-enter-active) {
		transform:translateX(0);
	}

	&:global(.comment-modal-exit) {
		transform:translateX(0);
	}

	&:global(.comment-modal-exit-active) {
		transform:translateX(100%);
	}
}

This is code to show comment modal using CSSTransition.

<CSSTransition
    in={showCommentModal}
    timeout={300}
    classNames="comment-modal"
    unmountOnExit
    >
    <CommentModal
	    onCloseClick={() => setShowCommentModal(false)}
    />
</CSSTransition>

When the modal has react-dropdown-select, the screenshot is following. The opening transition doesn't work now.

https://user-images.githubusercontent.com/54434088/159729723-02587d76-e6b0-44e5-a377-0b553c40ab29.mp4

But if I remove react-dropdown-select in modal, the transition works well.

https://user-images.githubusercontent.com/54434088/159730529-a7038db2-3bc1-4c2f-ac20-9d068663aa9f.mp4

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.