How to save block attributes when the output doesn’t change

Actually an assumption I made in the question was wrong; The update button doesn’t only change when the output of the save function changes. It also changes when the attributes are changed.

However I found a small bug, which you can’t really see it in the provided code. In my BlockSettings component I was using useState to update the settings inside to the component. I would also emit the settings immidiately after assigning them.

useState is however an async function. So in fact I was emitting the old value. Since I emitted the old value the attributes were identical to the values before. Therefore not triggering an update.

The fix was quite easy. Using useEffect to react on the changed value did the trick for me.

So if the update button isn’t triggering, doublecheck if you actually changed the attributes.

Related Posts:

  1. check if Gutenberg is currently in use
  2. How to use PanelColorSettings in custom Gutenberg block?
  3. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  4. How to remove unwanted panels inside InspectorControls from core blocks in Gutenberg
  5. Using Primary Color in Plugin Block
  6. Create Element From Dynamic HTML String [closed]
  7. Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
  8. WordPress: After Gutenberg plugin migration to block.json the localization/ translations with PolyGlot in JavaScript does not work anymore
  9. Looking for callback function after Gutenberg is rendered?
  10. How to Parse an Array of Elements in Gutenberg Block
  11. Using the component outside the editor. select(‘core’) is null
  12. Gutenberg is there a way to know if the current block is reusable?
  13. How to allow core Gutenberg blocks selection only when you are inside a custom inner block
  14. Is there a better way to implement responsive images than what WordPress uses by default?
  15. Gutenberg registerFormatType with Multiple Classes
  16. Gutenberg Block add element in the Editor inside InnerBlocks after div – editor-block-list
  17. Gutenberg – What is the best way to save/update post meta?
  18. How do you render_callback for register_block_type to a method in another class?
  19. How to create multiple Gutenberg blocks in one plugin
  20. How to get color name in PanelColorSettings in custom Gutenberg block?
  21. Gutenberg Block showing invalid content on edit
  22. WordPress Block Development – trouble importing from @wordpress/icons
  23. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  24. How to setAttributes in Gutenberg block?
  25. How to access noticeOperations from withNotices
  26. How to prevent UNDO on guternberg block editor
  27. How to insert text at the current cursor position in Gutenberg?
  28. How to override gutenberg paragraph block edit property
  29. Do I have to worry about useState causing a re-render?
  30. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  31. Creating a custom Gutenberg block with columns
  32. How to get boolean value from register_meta properly?
  33. How can I get the selected string when using a toolbar button in Gutenberg?
  34. jQuery selectors for editor elements safe to use?
  35. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  36. Gutenberg table block with Bootstrap .table class
  37. How to control an elements classes from multiple Gutenberg sidebar controls?
  38. How to add a gradient component to a custom block
  39. How to only load css for used blocks on frontend
  40. Additional classes `undefined` after saving post in Gutenberg
  41. How do you submit a Gutenberg plugin?
  42. Invalid hook call on save, not edit when using swiper slider
  43. Proper way to use useSelect
  44. How to add template colors to custom block options in WordPress Gutenberg editor sidebar?
  45. How to save post meta as an array in Gutenberg?
  46. How to properly package a block plugin
  47. Developing the save function in Gutenberg blocks
  48. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  49. Modify custom block plugin without losing content
  50. Console errors in 6.0-RC1 Widget screen
  51. How to override supports of innerBlocks?
  52. How to use attributes in competent of Gutenberg
  53. When setting styles to an extended block that was saved as a pattern, it doesn’t remove the style that was there
  54. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  55. extraprops override existing props
  56. Trigger function on Remove block or add new block in Gutenberg JavaScript
  57. WPGut – Updating failed and shortcode?
  58. Gutenberg – Call google map render function in save after DOM has been rendered
  59. Gutenberg block breaks when showing new data
  60. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  61. Is “document loaded” different on admin side than public side?
  62. How to re-render inspector controls?
  63. How to use setAttributes outside of the edit function return
  64. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  65. Where to save Gutenberg plugin data?
  66. Gutenberg component in a plugin admin
  67. How to integrate plugins into block editor
  68. Add custom html classes to gutenberg wrapper
  69. How to get access the ID of all posts of custom post type in Gutenberg editor
  70. How to create save function for custom Gutenberg style block?
  71. Gutenberg and custom blocks messed up pagespeed score. What did I wrong?
  72. Gutenberg text field validation
  73. Undo operation not working in Rich text [Gutenberg]
  74. How can i add insertion point between inner blocks in my custom block like core blocks
  75. Render raw html in Gutenberg block
  76. Build a dynamic block using the default attributes
  77. Add custom data-attribute to core Gutenberg block within an template
  78. How to replace content of a block in and re-render on change?
  79. extending a core block doesn’t work inside the editor
  80. REST API error in block editor for custom templates
  81. Reinitiate Gutenburg’s blocks using javascript
  82. Remove Gutenberg Buttons Block
  83. Set srcset on a block image
  84. Insert text programmatically in WordPress Gutenberg Editor
  85. Javascript function defined in view.js not reachable from save.js
  86. WordPress 6.6.1 – Trying to make a block but receive error, “! Cannot read property ‘then’ of undefined”
  87. Event when Modal is opened/visible
  88. Template locked block does not show appender
  89. Multiple php files in dynamic gutenberg block
  90. Access DOM Element in Gutenberg Block on WP Admin Post Edit Screen
  91. Custom Gutenberg Block ‘Stylized List’ – Incorrect Rendering and Looping of List Items
  92. How to detect when the user clicks the publish/update button in Gutenberg Editor
  93. Gutenberg Static blocks: viewScript doesn’t import css for frontend?
  94. Custom Gutenberg block with nested InnerBlocks renderAppender not displaying add button
  95. Is It Possible to Use the Block Editor’s Notification Feature to Send Another Notification After the Post Is Saved?
  96. Can we write custom DOM manipulation inside edit.js file while developing custom Gutenberg block?
  97. User set default settings for a Block in Site Editor
  98. Attributes array not saving values
  99. how to include an image in the build of a multi block plugin
  100. Insert Button in to the Block Editor (Header) Toolbar

Leave a Comment