wpseek.com
Eine auf WordPress spezialiserte Suchmaschine für Entwickler und Theme-Autoren

function block_core_tab_panel_render( array $attributes, string $content, \WP_Block $block ): string {
	$tabs_id = $block->context['core/tabs-id'] ?? '';

	static $tab_counters = array();

	if ( ! isset( $tab_counters[ $tabs_id ] ) ) {
		$tab_counters[ $tabs_id ] = 1;
	}

	$tab_number = $tab_counters[ $tabs_id ];
	++$tab_counters[ $tabs_id ];

	$tag_processor = new WP_HTML_Tag_Processor( $content );
	$tag_processor->next_tag( array( 'class_name' => 'wp-block-tab-panel' ) );

	// Use the user's custom anchor if present, otherwise fall back to
	// the generated position-based ID.
	$tab_id = (string) $tag_processor->get_attribute( 'id' );
	if ( empty( $tab_id ) ) {
		$tab_id = ! empty( $tabs_id )
			? $tabs_id . '-tab-' . $tab_number
			: 'tab-' . $tab_number;
		$tag_processor->set_attribute( 'id', $tab_id );
	}

	$tag_processor->set_attribute( 'aria-labelledby', 'tab__' . $tab_id );

	/*
	 * Hiding a panel is left to the client, which is why `hidden` is bound to a
	 * state getter the server cannot resolve rather than set here: a visitor
	 * whose browser never runs the block's script is then given the content of
	 * every panel instead of none of it. `core/accordion` works the same way.
	 */
	$tag_processor->set_attribute( 'data-wp-bind--hidden', 'state.isHidden' );
	$tag_processor->set_attribute( 'data-wp-bind--tabindex', 'state.tabIndexAttribute' );
	$tag_processor->set_attribute( 'data-wp-on--beforematch', 'actions.handleBeforeMatch' );

	return (string) $tag_processor->get_updated_html();
}