Testing out adding a block classname to the core list block.

docs/reference-guides/core-blocks.md

@@ -365,7 +365,7 @@ Create a bulleted or numbered list. ([Source](https://github.com/WordPress/guten
 
 -	**Name:** core/list
 -	**Category:** text
--	**Supports:** __unstablePasteTextInline, anchor, color (background, gradients, link, text), spacing (margin, padding), typography (fontSize, lineHeight), ~~className~~
+-	**Supports:** __unstablePasteTextInline, anchor, className, color (background, gradients, link, text), spacing (margin, padding), typography (fontSize, lineHeight)
 -	**Attributes:** ordered, placeholder, reversed, start, type, values
 
 ## List item

lib/blocks.php

@@ -72,6 +72,7 @@ function gutenberg_reregister_core_block_types() {
 				'heading.php'                      => 'core/heading',
 				'latest-comments.php'              => 'core/latest-comments',
 				'latest-posts.php'                 => 'core/latest-posts',
+				'list.php'                         => 'core/list',
 				'loginout.php'                     => 'core/loginout',
 				'navigation.php'                   => 'core/navigation',
 				'navigation-link.php'              => 'core/navigation-link',

packages/block-library/src/list/block.json

@@ -37,7 +37,7 @@
 	},
 	"supports": {
 		"anchor": true,
-		"className": false,
+		"className": true,
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
@@ -68,7 +68,6 @@
 			}
 		},
 		"__unstablePasteTextInline": true,
-		"__experimentalSelector": "ol,ul",
 		"__experimentalOnMerge": true,
 		"__experimentalSlashInserter": true
 	},

packages/block-library/src/list/index.php

@@ -0,0 +1,56 @@
+<?php
+/**
+ * Server-side rendering of the `core/list` block.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Adds a wp-block-list class to the list block content.
+ *
+ * For example, the following block content:
+ * <ol>
+ *    <li>Test</li>
+ * </ol>
+ *
+ * Would be transformed to:
+ * <ol class="wp-block-list">
+ *    <li>Test</li>
+ * </ol>
+ *
+ * @param array  $attributes Attributes of the block being rendered.
+ * @param string $content Content of the block being rendered.
+ *
+ * @return string The content of the block being rendered.
+ */
+function block_core_list_render( $attributes, $content ) {
+	if ( ! $content ) {
+		return $content;
+	}
+
+	$list = new WP_HTML_Tag_Processor( $content );
+
+	while ( $list->next_tag() ) {
+		$tag = $list->get_tag();
+		if ( 'UL' === $tag || 'OL' === $tag ) {
+			$list->add_class( 'wp-block-list' );
+			break;
+		}
+	}
+
+	return $list->get_updated_html();
+}
+
+/**
+ * Registers the `core/list` block on server.
+ */
+function register_block_core_list() {
+	register_block_type_from_metadata(
+		__DIR__ . '/list',
+		array(
+			'render_callback' => 'block_core_list_render',
+		)
+	);
+}
+
+add_action( 'init', 'register_block_core_list' );

packages/block-library/src/list/style.scss

@@ -1,5 +1,5 @@
-ol,
-ul {
+ol.wp-block-list,
+ul.wp-block-list {
 	box-sizing: border-box;
 
 	&.has-background {

packages/e2e-tests/specs/editor/plugins/__snapshots__/cpt-locking.test.js.snap

@@ -84,7 +84,7 @@ exports[`cpt locking template_lock false should allow blocks to be inserted 1`]
 <!-- /wp:columns -->
 
 <!-- wp:list -->
-<ul><!-- wp:list-item -->
+<ul class="wp-block-list"><!-- wp:list-item -->
 <li>List content</li>
 <!-- /wp:list-item --></ul>
 <!-- /wp:list -->"