Opublikowano: 12 lutego 2026 r.
Z przyjemnością ogłaszamy Interop 2026, czyli inicjatywę mającą na celu zwiększenie interoperacyjności kluczowych funkcji platformy internetowej w różnych przeglądarkach. Interop 2026 jest prowadzony przez zespół przedstawicieli firm, które wnoszą znaczący wkład w rozwój silników renderujących przeglądarki, takich jak Apple, Google, Igalia, Microsoft i Mozilla. Koncentruje się na funkcjach, które są priorytetowe dla programistów stron internetowych i użytkowników.
Podobnie jak w przypadku wcześniejszych działań w ramach Interop wybrane testy będą stale przeprowadzane w zautomatyzowanej infrastrukturze testowej, a odsetek testów zakończonych powodzeniem będzie wyświetlany na panelu Interop 2026.
Obszary specjalizacji
Obszary, na których skupimy się w 2026 roku, obejmują kilka kwestii, które w ankietach State of HTML i State of CSS zostały wskazane jako najważniejsze problemy z interoperacyjnością. Śledzimy te problemy na stronie webstatus.dev. Wiele funkcji dodanych w tym roku znajduje się też na liście 20 najczęściej zgłaszanych problemów w repozytorium sygnałów deweloperów.
Pozycjonowanie kotwicy
Pojawia się w sekcjach: Najważniejsze problemy z interoperacyjnością, sygnały dewelopera dotyczące pozycjonowania elementu kotwiczącego
Pozycjonowanie zakotwiczone umożliwia umieszczenie elementu na podstawie pozycji innego elementu, np. umieszczenie etykietki obok treści, do której się odnosi. Ten obszar zainteresowań jest kontynuacją Interop 2025 i obejmuje tylko testy z 2025 roku.
Zapytania dotyczące stylu kontenera
Występuje w sekcjach: Najważniejsze problemy z interoperacyjnością, sygnały dewelopera zapytania o style kontenera
Zapytania o styl kontenera stosują style do elementu na podstawie obliczonych wartości właściwości niestandardowych jego kontenera, używając reguły @container wraz z co najmniej jedną funkcją style().
Okna i wyskakujące okienka
Występuje w sekcjach: Najczęstsze problemy z współdziałaniem, sygnały dewelopera closedby, hint
W ramach Interop 2026 prace nad elementem <dialog> i interfejsem Popover API skupiają się na:
- Atrybut
<dialog closedby>, który określa działania użytkownika zamykające okno (np. kliknięcie poza oknem). - Pseudoklasa CSS
:open, która pasuje do elementów w stanie otwartym. - Atrybut
popover="hint"global, który tworzy wyskakujące okienko podrzędne w stosunku do innych automatycznie wyskakujących okienek, przydatne w przypadku etykietek.
Animacje oparte na przewijaniu
Występuje w sekcji: Najważniejsze problemy z współdziałaniem
Obejmuje to właściwości CSS animation-timeline, scroll-timeline i view-timeline, które przesuwają animacje na podstawie pozycji przewijania użytkownika.
Wyświetlanie przejść
Występuje w sekcjach: Najważniejsze problemy z interoperacyjnością, sygnały deweloperów Przejścia między widokami w różnych dokumentach
W ramach Interop 2025 wprowadziliśmy przejścia widoku w tym samym dokumencie do poziomu Baseline Newly available. W ramach Interop 2026 prace nad przejściami widoku skupiają się na:
- Ulepszanie przejść między widokami w tym samym dokumencie.
- Atrybut
blocking="render"dla<link>,<script>i<style>. - Atrybut
<link rel="expect">. - Pseudoklasa CSS
:active-view-transition-type(). - Przejścia między widokami dokumentów.
Funkcja CSS attr()
Pojawia się w sygnałach dewelopera attr()
Funkcja CSS attr() zwraca wartość atrybutu elementu HTML z opcją zwrócenia tej wartości jako określonego typu lub z określoną jednostką.
Oprócz tych kluczowych funkcji, które zostały przez Ciebie wskazane w ankietach, Interop 2026 obejmuje:
Funkcja CSS contrast-color()
Funkcja CSS contrast-color() wybiera kolor, który ma gwarantowany kontrast z określonym kolorem pierwszego planu lub tła.
Niestandardowe wyróżnienia
Niestandardowe wyróżnienia umożliwiają stylizowanie dowolnych zakresów tekstu bez dodawania dodatkowych elementów do DOM.
Pobieranie przesłanych danych i zakresów
Prace nad metodą fetch() koncentrują się na ReadableStream w treści, aby przesyłać strumieniowo dane na serwer, obsługując typy FormData i multimedialne w przypadku żądań i odpowiedzi oraz obsługując nagłówek Range.
IndexedDB
Obszar zainteresowania IndexedDB obejmuje metody getAllRecords() interfejsów IDBObjectStore i IDBIndex. Te metody przyspieszają operacje odczytu w przypadku dużych zbiorów danych, ponieważ zwracają rekordy i ich klucze podstawowe w partiach.
JSPI for Wasm
Interfejs JavaScript Promise Integration API (JSPI) umożliwia aplikacjom Wasm, które oczekują synchronicznego dostępu do funkcji zewnętrznych, działanie w środowisku, w którym te funkcje są asynchroniczne.
Pseudoklasy mediów
Ten obszar obejmuje pseudoklasy CSS :playing, :paused, :seeking, :buffering, :stalled, :muted i :volume-locked, które dopasowują elementy <audio> i <video> na podstawie ich stanu.
Navigation API
W tym roku skupimy się na dalszym ulepszaniu interoperacyjności interfejsu Navigation API oraz na opcji precommitHandler, która navigateEvent.intercept(), co oznacza, że zatwierdzenie jest odroczone do momentu, gdy moduł obsługi zostanie rozwiązany.
Rejestry elementów niestandardowych o określonym zakresie
Konstruktor CustomElementRegistry() tworzy nowy rejestr elementów niestandardowych, który jest oddzielony od rejestru globalnego, co umożliwia współistnienie wielu elementów niestandardowych o tej samej nazwie tagu.
Przewijanie z przyciąganiem
Ten obszar obejmuje przyciąganie przewijania CSS, które kontroluje zachowanie podczas przesuwania i przewijania w kontenerze przewijania.
Funkcja CSS shape()
Funkcja CSS shape() tworzy kształty za pomocą poleceń takich jak line, move i curve i może być używana z clip-path i shape-outside.
Zgodność z internetem
Ten obszar obejmuje konkretne problemy z interoperacyjnością, które powodują rzeczywiste problemy, w tym:
- Wczytywanie modułu ESM.
- Czas zdarzeń przewijania w stosunku do zdarzeń animacji.
- Usunięcie prefiksu z właściwości
-webkit-user-select.
WebRTC
W ramach Interop 2026 skupimy się na naprawieniu pozostałych testów, które nie przeszły w ramach Interop 2025, oraz na dalszym zwiększaniu interoperacyjności WebRTC.
WebTransport API
Ta sekcja obejmuje interfejs WebTransport API, który przesyła dane między klientem a serwerem za pomocą protokołu HTTP/3.
Właściwość CSS zoom
W ramach kontynuacji inicjatywy Interop 2025 ten obszar skupia się na właściwości CSS zoom, która skaluje rozmiar elementu i wpływa na układ strony.
Działania związane z analizą zagrożeń
W ramach Interop 2026 prowadzone są też badania, które mają przygotować przyszłe funkcje do testowania i zapewnić ich interoperacyjność:
- Testowanie ułatwień dostępu: pracujemy nad generowaniem spójnych drzew ułatwień dostępu w różnych przeglądarkach i ulepszamy infrastrukturę WPT.
- JPEG XL: skupienie się na możliwości testowania formatu obrazu JPEG XL, w tym określenie wymagań dotyczących renderowania progresywnego.
- Testowanie na urządzeniach mobilnych: ulepszanie infrastruktury WPT w celu testowania funkcji przeznaczonych na urządzenia mobilne, takich jak dynamiczne zmiany widocznego obszaru.
- WebVTT: poprawiliśmy testy i zaktualizowaliśmy dokumentację, aby ułatwić zrozumienie zgodności ze standardem.
Śledzenie postępów do 2026 r.
Śledź postępy projektu na panelu Interop 2026.