2.26. 캘린더의 최상위 캘린더로 이동한 경우 헤더 타이틀이 비활성화되도록 변경
2.26.1. 변경 전
기존에는 캘린더의 헤더 텍스트를 클릭하여 최상위 캘린더(calendarType=year)로 이동 시 헤더 텍스트가 비활성화되지 않으며, 마우스 호버 및 tab, shift+tab키 이동 시 헤더 텍스트 영역으로 포커스 이동이 가능했습니다.
2.26.2. 변경 후
1.0.5927(2025년 11월 릴리즈) 버전에서 캘린더에 maxCalendarType 속성이 추가되면서 최상위로 이동할 수 있는 캘린더 타입을 지정할 수 있도록 기능이 개선되었습니다. 해당 속성이 추가되면서 최상위 캘린더로 이동 시 캘린더의 헤더 타이틀가 비활성화(cl-disabled)되도록 기능이 변경되어 마우스 호버 및 키보드 포커스 이동 시 헤더 타이틀에 포커스가 이동하지 않습니다.
2.26.3. 조치 방안
기존 방식처럼 동작하고자 할 경우, 캘린더의 cl-calendar-header-text 클래스에 다음 스타일을 적용하여 마우스 호버 및 키보드 포커스 시 포커스 스타일이 적용되도록 원복 할 수 있습니다.
//calendar.part.less
.cl-calendar {
.cl-calendar-header-text {
&.cl-disabled {
cursor: default;
&:hover,
&.cl-hover {
color: @selection-background;
cursor: pointer;
}
}
}
}
댓글 없음