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. What are all the query parameters for getEntityRecords?
  4. How to use wp.hooks.addAction() in React JS/Gutenberg?
  5. How to only enqueue block javascript on the frontend when its needed [duplicate]
  6. Extend core block in Gutenberg
  7. Show control conditionally in Gutenberg
  8. Gutenberg custom block plugin with custom image sizes
  9. Get loading state of wp data selector
  10. How to get the ToggleControl Gutenberg component working for a PHP Block
  11. Is there a core Sortable component in Gutenberg?
  12. Hooking a callback into the code within a Gutenberg block
  13. conditional layout based on if Innerblocks is not empty
  14. Gutenberg extend blocks add new class name
  15. initial open/toggle PluginDocumentSettingPanel panel in document setting block editor gutenberg
  16. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  17. Correctly handling WordPress core data retrieval in Gutenberg
  18. Is there a client side API for handling transients or options?
  19. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  20. How do I fire a snackbar notice in admin?
  21. What is “open()” in MediaUpload?
  22. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  23. Get term by slug in Gutenberg
  24. Adding a text element in between title and blocks container
  25. Setting HTML properties in a Gutenberg plugin using WordPress settings
  26. Gutenberg RichText
  27. Provide specific example for block variation
  28. Use useSelect/useDispatch instead of withSelect/withDispatch
  29. How to handle Gutenberg wp.data async errors?
  30. Set current tab on a Gutenberg TabPanel component from outside that component
  31. Block editor: How to check if block editor has initialized and populated the data store?
  32. How to use wp.hooks.addAction() in React JS/Gutenberg?
  33. Load script after block is inserted
  34. Gutenberg block “This block appears to have been modified externally” on save
  35. How to get value of selected page template in Gutenberg editor?
  36. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  37. Problem extending a core block
  38. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  39. Add a Page Screen is Visually Blank
  40. Taxonomy Template displaying different color post tag js
  41. Including dependencies using @wordpress/dependency-extraction-webpack-plugin
  42. Gutenberg sidebar show input field on toggle
  43. Get the ID of a page in Parent combobox in editor
  44. Uncaught TypeError: r is not a function
  45. Issue migrating a checkbox-type meta field to the block editor
  46. Update block once an API request returns with a value
  47. Gutenberg – dynamically created element: how to set onChange?
  48. Custom block update rendering when reused
  49. WordPress Gutenberg Ajax request
  50. WP Gutenberg – custom block with two content fields
  51. How do I make a savable preview like Youtube Gutenberg block?
  52. Gutenberg Edit Block Inspector Controls and save
  53. Spans in gutenberg
  54. iFrame onLoad in custom Gutenberg block
  55. Taxinomy slug as var in parent archive page, without having a specific taxinomy page
  56. How to verify that a field has a value before adding a term to a taxonomy
  57. Block pattern conflict with custom block
  58. WordPress Gutenberg: Attribute overwritten by block duplicate
  59. Table block variation with header section activated
  60. Filtering Gutenberg Components, not Blocks
  61. Where to include JS library in gutenberg blocks
  62. How to delete child block for associated parent block
  63. Passing object to FormTokenField suggestions
  64. How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
  65. How can I show a Slot/Fill in the block editor
  66. Is it possible to add javascript to template parts
  67. How to add a new attribute to core wp block editor without npm?
  68. How to add more elements to an already existing section in Gutenberg
  69. How do i get an Inline style in Gutenberg Block show up in front end?
  70. WordPress adds and tags into HTML blocks after saving
  71. Gutenberg core/file add style support in js/ json
  72. Working with a non-React external library in a custom block
  73. Create Youtube embed block with createBlock
  74. How to add a css class to postTitleWrapper in Gutenberg?
  75. Masonry gallery block is working in the block editor but not the template editor
  76. How to change the selected Template using javascript?
  77. How to import the imagesLoaded and Masonry libs that come with WP in a Gutenberg block?
  78. Additional CSS classes not being added in Gutenberg editor
  79. How do I filter/modify the updated content on save using javascript?
  80. config @wordpress/scripts with webpack and postCSS features
  81. Jest Unit tests for High order component containing Block Editor
  82. Embedded data and the _fields parameter in getEntityRecords
  83. Include Block Variation Within InnerBlocks
  84. Force-update the meta variable first set using `var [ meta, setMeta = useEntityProp( ‘postType’, postType, ‘meta’ );`
  85. How to execute some javascript code in the editor when a block pattern is added?
  86. How to build BOTH non-block components and blocks present in the /src directory using @wordpress/scripts
  87. How to add an additional dependency to a block index.asset.php file
  88. Why is the Gutenberg editor not recognizing my updates?
  89. How to transform a shortcode into a block
  90. Metabox conditionals depending on post format and template in Gutenberg
  91. How to re-render Gutenberg component when object instance is available
  92. useSelect() plus resolver result is serving cached data incorrectly
  93. How to access current discussion settings in gutenberg via JS?
  94. Gutenberg DatePicker component with time set to zero
  95. Why Is wp.editor Not Adding the ”Add Media” Button When I Initialize It?
  96. How to render HTML content using the Interactivity API?
  97. Extend WordPress Gutenberg core/navigation-link
  98. How to auto rename JS files to prevent browser cache issues
  99. How to get selected category objects in the block editor?
  100. How to render initial posts on page load in a Gutenberg block using the Interactivity API?