문제
기존 PrezelButton은 Surface 기반으로 구현되어 있습니다.
Material3의 Surface는 내부적으로 LocalMinimumInteractiveComponentSize의 영향을 받아
최소 터치 영역이 48.dp로 강제 적용됩니다.
이로 인해 디자인 시스템에서 정의한 버튼 높이를 적용하더라도
실제 레이아웃 높이가 항상 48.dp 이상으로 확장되는 문제가 발생합니다.
원인
Surface는 접근성을 위한 최소 터치 영역 보장을 위해
LocalMinimumInteractiveComponentSize를 적용합니다.
해결 방향
디자인 시스템에서 정의한 버튼 높이를 정확히 반영할 수 있도록
PrezelButton의 구현을 Surface 기반에서 Box 기반으로 변경합니다.
이를 통해 LocalMinimumInteractiveComponentSize의 영향을 제거하고
디자인 시스템에서 정의한 버튼 높이를 그대로 적용할 수 있도록 합니다.
작업 내용
PrezelButton 구현을 Surface → Box 구조로 변경
- 버튼 배경 / 클릭 처리 / 상태 스타일을
Box 기반으로 재구성
- 디자인 시스템에서 정의한 버튼 높이 정상 적용 확인
문제
기존
PrezelButton은Surface기반으로 구현되어 있습니다.Material3의
Surface는 내부적으로LocalMinimumInteractiveComponentSize의 영향을 받아최소 터치 영역이 48.dp로 강제 적용됩니다.
이로 인해 디자인 시스템에서 정의한 버튼 높이를 적용하더라도
실제 레이아웃 높이가 항상 48.dp 이상으로 확장되는 문제가 발생합니다.
원인
Surface는 접근성을 위한 최소 터치 영역 보장을 위해LocalMinimumInteractiveComponentSize를 적용합니다.해결 방향
디자인 시스템에서 정의한 버튼 높이를 정확히 반영할 수 있도록
PrezelButton의 구현을Surface기반에서Box기반으로 변경합니다.이를 통해
LocalMinimumInteractiveComponentSize의 영향을 제거하고디자인 시스템에서 정의한 버튼 높이를 그대로 적용할 수 있도록 합니다.
작업 내용
PrezelButton구현을Surface→Box구조로 변경Box기반으로 재구성