Automattic / Automattic/blocks-engine

Map source tab interfaces to WordPress 7.1 core Tabs blocks

Open
#699 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
PHP
Stars
14
Forks
2
Avg merge
2h 10m
Merged PRs (30d)
561

Description

## Problem

The fixture corpus contains recurring accessible tab structures that currently route through generic/runtime preservation. WordPress 7.1 stabilizes `core/tabs`, `core/tab-list`, `core/tab-panels`, and `core/tab-panel`, so this is now a native transformer path rather than a companion-block candidate.

References:
- WordPress 7.1 roadmap: https://make.wordpress.org/core/2026/06/19/roadmap-to-7-1/
- Gutenberg stabilization: https://github.com/WordPress/gutenberg/pull/80163
- Tracking issue: https://github.com/WordPress/gutenberg/issues/73230

Representative fixtures:
- `7-event-conference/schedule.html`: ARIA tablist and conference-day panels.
- `33-sports-team-league/leaderboard.html`: tabbed leaderboard table groups.
- `83-startup-docs-hub/index.html`: tabbed code examples.

## Contract

- Recognize tablist/tab/panel relationships structurally and through ARIA IDs.
- Emit the WordPress 7.1 core Tabs family with synchronized labels, order, initial selection, and editable panel inner blocks.
- Preserve author CSS through exact source provenance without carrying source tab JS.
- Gate the mapping on runtime block availability/version; do not invent a parallel companion block.
- Verify editor validity, keyboard/ARIA behavior, feature parity, and visual parity on WordPress 7.1.

Contributor guide

Open the contributing guide

Research direction

Start with the representative fixtures: 7-event-conference/schedule.html, 33-sports-team-league/leaderboard.html, and 83-startup-docs-hub/index.html, comparing their tablist, tab, panel, and ARIA ID relationships. Done means the transformer emits the WordPress 7.1 core Tabs family only when the runtime blocks are available, preserves exact source CSS provenance without source tab JavaScript, and passes editor, keyboard/ARIA, feature, and visual parity checks.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
tooling, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.