Use selectors supports to show textarea

Author: sirreal

html-api-debugger/html-api-integration.php

@@ -12,6 +12,9 @@
 function get_supports(): array {
 	return array(
 		'create_fragment_advanced' => method_exists( WP_HTML_Processor::class, 'create_fragment_at_current_node' ),
+		'selectors' =>
+			class_exists( '\WP_CSS_Complex_Selector_List' )
+			|| class_exists( '\WP_CSS_Compound_Selector_List' ),
 	);
 }
 

html-api-debugger/interactivity.php

@@ -151,7 +151,7 @@ class="context-html"
 				<label>Show closers <input type="checkbox" data-wp-bind--checked="state.showClosers" data-wp-on-async--input="handleShowClosersClick"></label>
 				<label>Show invisible <input type="checkbox" data-wp-bind--checked="state.showInvisible" data-wp-on-async--input="handleShowInvisibleClick"></label>
 				<span><label>Show virtual <input type="checkbox" data-wp-bind--checked="state.showVirtual" data-wp-on-async--input="handleShowVirtualClick"></label></span>
-				<div>
+				<div data-wp-bind-hidden="!state.htmlapiResponse.supports.selectors">
 					<label>CSS Selectors <textarea placeholder="CSS selector: .my-class" data-wp-on-async--input="handleSelectorChange"></textarea></label>
 				</div>
 			</div>