Z-Index Issue

Overview

해당 기능은 Components의 기본 기능입니다. 다수의 레이어(다이얼로그)를 사용하는 경우 레이어가 겹쳐서 보이거나 닫히지 않는 이슈가 발생할 수 있습니다.
개별적인 레이어에 z-index 를 부여하여 해결하는것을 지양하고, 기본 기능을 사용하는것을 권장합니다.

Usage

1. 기본 사용법 예시

자신의 구성 요소를 만들 때 z-index 충돌을 피하기 위해 다음 규칙을 사용하세요:

• auto, 0 또는 드문 경우에만 -1을 제외한 z-index 값을 사용하지 마세요.
• 서로 쌓여야 하는 요소는 포털에서 렌더링하세요.

주 콘텐츠와 포털 콘텐츠는 루트 <Theme> 컴포넌트의 스타일이 생성하는 쌓기 컨텍스트에 의해 분리됩니다. 이를 통해 z-index에 대한 걱정 없이 포털 콘텐츠를 주 콘텐츠 위에 쌓을 수 있습니다.

참고

• Confy-UI Styling