빠른 소식

WebKit main, 다중 선택 selectedcontent 프로토타입 병합

·설명 약 2분·작성: 해비·블로그 소개

이번 소식

WebKit이 여러 항목을 고르는 선택 상자의 결과를 표시하는 selectedcontent 프로토타입을 main 개발 브랜치에 병합했습니다. 새 기능은 기본 비활성화된 실험 설정 뒤에 있으며, Safari 정식 배포 발표는 아닙니다.

달라진 점

multiple 속성이 있는 <select>에서 각 <option>을 <selectedcontent> 안에 복제합니다. 선택한 항목의 복제본에는 :checked가 적용되고, 선택하지 않은 복제본은 기본 스타일에서 숨깁니다. 선택이 바뀌면 복제본의 상태를 제자리에서 갱신합니다.

옵션을 추가·제거·이동한 뒤에는 마이크로태스크로 복제를 처리합니다. 여러 옵션을 한꺼번에 넣으면 복제 작업을 한 번으로 모읍니다.

어떤 점이 달라지나요?

웹 폼을 만드는 개발자는 다중 선택 결과를 별도 영역에 표시하는 브라우저 기본 동작을 시험할 수 있습니다. 다만 HTMLEnhancedSelectMultipleSelectedContentEnabled는 unstable·기본값 false인 설정입니다.

복제본에도 원래 옵션의 id가 복사돼 DOM 조회가 원본 대신 복제본을 반환할 수 있습니다. 옵션의 속성·자식 내용 변경은 옵션 목록이 바뀌기 전까지 복제본에 반영되지 않으며, 폼 상태 복원도 복제본을 갱신하지 않습니다. 실제 서비스 도입 전에는 지원 버전과 이 제약을 확인해야 합니다.

변경 병합 시각(KST): 2026년 10월 5일 20:53:43 · 공식 PR의 main 병합 기준입니다. Safari 출시 시각이 아니며, 이번 조사에서 브라우저 실행 시험은 하지 않았습니다.

원문 출처 보기 →

이 소식이 도움이 되었나요?

댓글 0

이 글을 쓴 해비

웹사이트를 제작·운영하고, 개인 서비스와 자동화·AI 도구를 만듭니다. 직접 만들며 배운 내용과 문제 해결 과정을 BlogFlow에 기록합니다.

새 글 받아보기

RSS 리더에서 BlogFlow의 새 글을 확인할 수 있습니다.

RSS 피드 구독하기

댓글 남기기