CSSWG 분 텔레콘 (2024-09-18)

지난 2 개월 동안 앵커 포지셔닝에 대한 깊은 다이빙 (수많은 Almanac 항목과 포괄적 인 가이드)은 주제가 마침내 해결되었다고 믿게되었습니다. 그러나 CSSWG (CSSS Working Group)는이 진화하는 지역을 계속 개선하고 있으며 최근 통신 분은 추가 발전이 나타났습니다.

다음 해상도는 주요 발전을 강조합니다

이름을 비교할 때, 하나 이상의 트리 스코프가있는 경우 둘 다 트리 스코핑되어야하며 정확한 (하위 트리가 아닌) 일치가 필요합니다. (이슈 #10526 : 앵커-스코프는 언제 이름과“일치합니까?)

사양의 직접적인 부분은 아니지만,이 해상도는 앵커 스코프의 미래 방향을 강력하게 시사합니다. 이것은이 해상도의 의미와 텔레콘의 기타 흥미로운 점을 탐색 할 수있는 훌륭한 기회를 제공합니다. (w3c.org에서 전체 시간을 구독하고 읽을 수 있습니다.)

.

앵커-스코프 이해

로 식별 된 앵커는 절대적으로 배치 된 요소 ( 사용)를 부착하도록 허용합니다.

는 독특 할 필요는 없지만 구성 요소 내에서 재사용하면 예상치 못한 동작으로 이어질 수 있습니다.

가 없으면 이름이 동일한 여러 앵커로 인해 마지막 인스턴스에 대상이 쌓입니다.

속성은 앵커가 하위 트리 내의 대상에만 접근 할 수 있도록합니다. 예를 들면 :

이것은 질문을 제기합니다. 자체의 범위는 무엇입니까? CSSWG는이를 해결했으며, 매칭에 대한 세 가지 가능한 해석을 강조하는 Github 문제에서 비롯된이 문제를 해결했습니다. CSSWG 텔레콘 토론, 특히 Tabatkins, Khush 및 Fantasai의 기여는

가 나무 스코핑되어야한다고 결론 지었다. 이 결정은 트리 스코핑에 의존하는 전환을 보는 것으로 확장됩니다. 해상도는 다음과 같습니다.

anchor-name 해결 : position-anchor 이름을 비교할 때마다, 적어도 하나가 나무를 깎는 경우 둘 다 나무를 깎고 스코핑은 정확해야합니다 (하위 트리가 아님). anchor-name anchor-scope 추가 해상도에 따르면 anchor-scope (모든 앵커로 만들기)의 키워드도 나무 스코프가 있음을 명확히했습니다. 그런 다음 토론은 CSS 스크롤 스냅 모듈 레벨 2 드래프트와 그 속성으로 이동했습니다. 이 속성을 사용하면 요소를 초기 스크롤 대상으로 지정할 수 있습니다. CSSWG는 여러 잠재적 대상의 시나리오를 다루었으며, 역 DOM 순서를 사용하여 초기 두루마리 위치를 결정합니다. 마지막으로, 그룹은 에 추가하고

를 수정하여 기존 브라우저 동작과 일치하여 수직 텍스트에서 왼쪽/오른쪽 위치를 처리하기로 결정했습니다. 토론과 결정에 대한 철저한 이해를 위해 완전한 시간을 읽는 것이 좋습니다. 결의안 요약도 사용할 수 있습니다. text-underline-position: auto

위 내용은 CSSWG 분 텔레콘 (2024-09-18)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!