Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter

Because your plugin handles both hierarchical and non-hierarchical taxonomies, then I think it might be a better option to copy the HierarchicalTermSelector component, and return the copy from the CustomizeTaxonomySelector function.

And you can see how I did it here — Updated to use the JavaScript Build Setup which makes things like transpilation super easy.

The plugin (or the JavaScript stuff) is not perfect, but it should be good enough as a starting point. And you’d see something like these:

PS: In the demo, the category “Test” and tag “Test” share the same name, but they’re of a different taxonomy. And the same goes to the category “Test 2” and tag “Test 2”.

Related Posts:

  1. Trigger Javascript on Gutenberg (Block Editor) Save
  2. Gutenberg – remove / add blocks with custom script
  3. How to use wp.hooks.addAction() in React JS/Gutenberg?
  4. How to only enqueue block javascript on the frontend when its needed [duplicate]
  5. Extend core block in Gutenberg
  6. Show control conditionally in Gutenberg
  7. Gutenberg custom block plugin with custom image sizes
  8. How to get the ToggleControl Gutenberg component working for a PHP Block
  9. Hooking a callback into the code within a Gutenberg block
  10. conditional layout based on if Innerblocks is not empty
  11. Gutenberg extend blocks add new class name
  12. initial open/toggle PluginDocumentSettingPanel panel in document setting block editor gutenberg
  13. Correctly handling WordPress core data retrieval in Gutenberg
  14. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  15. How do I fire a snackbar notice in admin?
  16. What is “open()” in MediaUpload?
  17. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  18. Setting HTML properties in a Gutenberg plugin using WordPress settings
  19. Provide specific example for block variation
  20. Use useSelect/useDispatch instead of withSelect/withDispatch
  21. How to handle Gutenberg wp.data async errors?
  22. Set current tab on a Gutenberg TabPanel component from outside that component
  23. Block editor: How to check if block editor has initialized and populated the data store?
  24. Load script after block is inserted
  25. Gutenberg block “This block appears to have been modified externally” on save
  26. How to get value of selected page template in Gutenberg editor?
  27. How do I access site and block editor state data and use `useSelect()` or `withSelect()` to bind it to my components?
  28. @wordpress/components Button variants not styled
  29. Gutenberg passing block attributes to component in ES6/ESNext
  30. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  31. How can I add Block Style support to the core HTML block in Gutenberg?
  32. var is undefined in a Gutenberg block
  33. Gutenberg add extra attributes to custom format
  34. Using wp.data.select get actual tags (not id’s) used in post
  35. How to remove p / br elements from gutenbergs editor
  36. Programatically update posts in database from one block to another using transform
  37. Gutenberg getMedia() in post query doesn’t return all featured images
  38. How to transform a legacy widget into a block
  39. Gutenberg: Block validation Failed Richtext undefined
  40. Gutenberg select categories
  41. Add custom HTML markup to Gutenberg RichText
  42. Listening change event of taxonomy term checkboxes in Gutenberg editor
  43. Gutenberg get core data – search
  44. What is the correct way to import the blocks-editor?
  45. Get Block Attributes in JSON REST API
  46. Open Featured Image Modal in WordPress Gutenberg onClick of a button
  47. Gutenberg extend blocks add new class name
  48. How to add classes and events to image in javascript using Gutenberg?
  49. Checks when fetching data from multiple REST API endpoints in Gutenberg
  50. Search for a keyword across post types in a Gutenberg component
  51. Using apiFetch for retrieving post data in Gutenberg
  52. Add custom classes for blocks in editor based on custom attributes
  53. How to load an additional script for a block in the block editor?
  54. useSelect second parameter
  55. How can I allow HTML in Gutenberg UI elements help text?
  56. what is the purpose of the namespace argument when customizing blocks?
  57. Trigger wp-embed via JavaScript to refresh iframe preview?
  58. How can I import one custom block into another?
  59. Gutenberg getBlockIndex in save() function
  60. Gutenberg Blocks: how to determine an index of the current inner block?
  61. Widgets and Post/Page edit/new blank, console errors only, no server errors
  62. Trying to turn the Edit function into a class to be able to use React lifecycle methods
  63. Get terms of a taxonomy using useSelect
  64. Gutenberg richtext block vaildation failed
  65. UnitControl – Block has encountered an error
  66. Conditional save return on Gutenberg Block
  67. Can I alter the block editor’s paste text behavior?
  68. Custom Gutenberg-Block esnext pass variables
  69. Building a Featured Gallery component for Gutenberg
  70. Gutenberg dependencies in package.json
  71. find out reason of “Updating failed” in Post-editor
  72. How to read inline-CSS from Gutenberg block?
  73. Custom Gutenberg block: access dom element via JavaScript
  74. Custom Block – save.js function not saving attributes
  75. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  76. Problem extending a core block
  77. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  78. Taxonomy Template displaying different color post tag js
  79. Including dependencies using @wordpress/dependency-extraction-webpack-plugin
  80. Issue migrating a checkbox-type meta field to the block editor
  81. Gutenberg – dynamically created element: how to set onChange?
  82. Custom block update rendering when reused
  83. WordPress Gutenberg Ajax request
  84. WP Gutenberg – custom block with two content fields
  85. How do I make a savable preview like Youtube Gutenberg block?
  86. Gutenberg Edit Block Inspector Controls and save
  87. Spans in gutenberg
  88. iFrame onLoad in custom Gutenberg block
  89. Taxinomy slug as var in parent archive page, without having a specific taxinomy page
  90. How to verify that a field has a value before adding a term to a taxonomy
  91. Block pattern conflict with custom block
  92. Table block variation with header section activated
  93. Filtering Gutenberg Components, not Blocks
  94. Where to include JS library in gutenberg blocks
  95. How to delete child block for associated parent block
  96. How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
  97. How can I show a Slot/Fill in the block editor
  98. Is it possible to add javascript to template parts
  99. How to add a new attribute to core wp block editor without npm?
  100. How to add more elements to an already existing section in Gutenberg