Respect supports.selector value

Author: sirreal

html-api-debugger/interactivity.php

@@ -152,7 +152,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 data-wp-bind-hidden="!state.htmlapiResponse.supports.selectors">
+				<div data-wp-bind--hidden="!state.htmlapiResponse.supports.selectors">
 					<label>CSS Selectors <textarea placeholder="CSS selector: .my-class" data-wp-on-async--input="handleSelectorChange"><?php echo "\n" . esc_textarea( str_replace( "\0", '', $options['selector'] ?? '' ) ); ?></textarea></label>
 				</div>
 			</div>

html-api-debugger/view.js

@@ -143,7 +143,9 @@ const store = createStore(NS, {
 				showInvisible: store.state.showInvisible,
 				showVirtual: store.state.showVirtual,
 				hoverInfo: store.state.hoverInfo,
-				selector: store.state.selector,
+				selector: store.state.htmlapiResponse.supports.selectors
+					? store.state.selector
+					: '',
 			};
 		},