Safari 27.2, Grid Lanes의 flow-tolerance를 fit-tolerance로 바꾸고 Customizable Select를 다듬다

Safari 27.2, Grid Lanes 속성 이름을 바꾸고 Customizable Select를 다듬다

WebKit 팀은 10월 26일 Jen Simmons가 쓴 Safari 27.2의 WebKit 기능을 게시했다. 이번 릴리스는 Customizable Select를 다듬고, Grid Lanes의 CSS 속성 하나의 이름을 바꾸며, 버그 20개를 고친다. 규모가 크지 않은 릴리스지만 그중 두 가지는 웹 개발자가 써야 할 코드를 바꾼다. Safari 27.2는 iOS 27.2, iPadOS 27.2, visionOS 27.2, macOS 27.2 Golden Gate와 함께 제공된다. macOS Tahoe와 macOS Sequoia에서도 제공되며, 이 둘에서는 소프트웨어 업데이트로 Safari만 따로 업데이트할 수 있다. 이것은 공급자의 릴리스 노트로, WebKit이 구현했다고 말하는 동작을 서술한 것이지 외부 시험 결과가 아니다.

Customizable Select의 스타일 제어가 세밀해진다

Customizable Select는 Safari 27.0에서 처음 들어왔다. `<select>` 드롭다운 컨트롤의 모양을 바꿀 수 있게 해 주며, 닫힌 버튼에 무엇을 보여 줄지 제어하는 `<selectedcontent>` 요소도 포함한다. Safari 27.2는 `::field-content` 의사 요소를 추가해, `<selectedcontent>` 없이도 선택된 항목의 글자에 스타일을 줄 수 있다. WebKit은 `appearance: base-select`의 기본 스타일도 조정했다. 버튼 내용은 더 안정적으로 세로 가운데에 놓이고, 선택된 글자는 `<select>`의 `text-overflow`를 물려받으며, 선택기 아이콘은 계속 보이도록 더 단순한 배치로 그려진다. 이전에는 큰 선택기 패널이 화면 밖으로 일부 나가 그려질 수 있었다. Safari 27.2는 `safe` 정렬을 적용해 이를 화면 안에 유지하는데, 이는 절대 위치와 고정 위치 상자에 대한 더 넓은 CSS 정렬 변경에서 비롯된다. WebKit은 표준화 작업이 계속되고 있으며 다른 브라우저도 맞추어 갱신되고 있다고 말한다.

Grid Lanes: `flow-tolerance`를 `fit-tolerance`로 바꿔야 한다

Grid Lanes는 Safari 26.4에서 출시되었다. 그 뒤 CSS 워킹 그룹이 `flow-tolerance` 속성을 `fit-tolerance`로 개명했고, Safari 27.2는 새 이름을 쓴다. 옛 이름은 당분간 지원 중단 예정인 별칭으로 계속 동작하지만, WebKit은 개발자에게 곧 코드를 갱신하라고 권하며 Safari의 웹 인스펙터가 바꿔야 할 곳을 표시해 줄 수 있다. 이 속성은 다음 항목을 놓을 자리를 브라우저가 얼마나 까다롭게 고르는지를 정한다. 여러 열의 끝이 거의 같은 높이일 때, 허용치가 크면 그 열들을 동률로 보고 첫 번째를 고른다. 기본값은 `1em`이다. WebKit은 값을 높이면 연속된 항목이 이웃한 열에 머물러, 눈으로 초점을 따라가는 키보드 사용자가 Tab으로 내용을 이동할 때 더 안정적이라고 주장하며, 대부분의 페이지가 이 값을 크게 올려야 한다고 말한다.

버그 수정 20건, 일부는 에이전트와 미디어에 관한 것

수정은 접근성, 애니메이션, CSS, 양식, 미디어, 네트워크 등에 걸쳐 있다. 예를 들면 VoiceOver가 `aria-live` 영역의 글자를 반복해 읽던 문제, 유효한 AAC/M4A 파일에서 `AudioContext.decodeAudioData()`가 실패하던 문제, 간접 그리기가 들어 있는 렌더 번들에 `executeBundles()`를 호출하면 WebGPU 프레임 속도가 떨어지던 문제가 있다. 한 네트워크 수정은 사이트의 호스트 이름이 다른 등록 가능 도메인을 가리키는 CNAME일 때 최상위 탐색에서 설정된 쿠키가 7일로 제한되던 문제를 없앤다. 하나는 Safari MCP에 관한 것으로, 소프트웨어가 MCP 제어 아래 탭을 만들거나 화면을 캡처할 때 Safari가 다른 앱의 키보드 포커스를 가져가지 않게 되었다. 이 세부 사항은 브라우저의 자동 제어가 이제 예상되는 사용 방식임을 보여 준다. 개발자는 이 문제들의 예전 동작에 의존하던 코드를 시험하고, 출시 전에 브라우저 고유 기능을 노트와 대조해야 한다.

Customizable Select와 Grid Lanes는 모두 최근 새로 더해진 기능이며, WebKit은 출시 뒤에도 표준 기구의 논의에 따라 이름과 기본 스타일을 조정하고 있다. 새 기능은 안정되기 전까지 이름과 동작이 다시 바뀔 수 있으므로, 운영 환경에서 쓸 때는 대체 수단을 남겨 두고 각 브라우저의 구현 진행 상황을 지켜봐야 한다. 이 글에 담긴 내용은 모두 WebKit의 릴리스 노트에서 나온 것이며 다른 브라우저는 시험하지 않았다. 수정 20건 가운데 접근성 항목은 세 건으로, `aria-labelledby`, `aria-live`, iOS의 날짜·시간·색상 컨트롤과 관련되어 있어 화면 읽기 프로그램을 쓰는 사용자가 가장 먼저 변화를 느끼게 된다.