Custom gutenberg block not rendering with styles on frontend

From what I can tell, registering it with 'customClassName' => false in the supports array in register_block_type prevents the actual style class from being saved to the raw text of the page. I had assumed it would dynamically insert it during the_content when it parses the blocks. In fact there’s no point in me registering it on the PHP end since it’s all edited and compiled via javascript.

Still, now I’m stuck with allowing custom class names on this block, though I could always just hide that panel in CSS like I am with the Text Settings (because I can opt out of custom/preset font sizes but not drop caps for some reason).

Related Posts:

  1. How do I make sure the gutenberg block CSS is not disrupted by generic styles?
  2. How to add a custom CSS class to core blocks in Gutenberg editor?
  3. Deactivate Gutenberg tips forever – not Gutenberg
  4. How do I register multiple blocks with block.json and register_block_type_from_metadata?
  5. Disable Gutenberg text-Settings in all blocks
  6. How can I add a custom attribute to Gutenberg core blocks?
  7. Add additional classes to gutenberg .editor-styles-wrapper
  8. How to use the WordPress < LinkControl /> Component
  9. Remove border radius setting from the Gutenberg button block?
  10. Add PHP block template to content using wp_insert_post
  11. Gutenberg reusable blocks – is it possible to customise an instance?
  12. Dynamic gutenberg block with react instead of php
  13. File structure and react setup when creating multiple Gutenberg blocks
  14. Gutenberg block get categories in SelectControl
  15. How to access “default” property of attribute in Gutenberg
  16. Gutenberg Block manipulation: Undo parse_blocks() with serialize_blocks() results in unicode issues
  17. How to use “getEntityRecords” for user data?
  18. Gutenberg: Restrict Top Level Blocks, But Not Child Blocks
  19. WordPress Block Variation for Gallery Columns
  20. How to disable alignments for block patterns?
  21. How to change the admin/password when using the E2E Test Utils for Gutenberg
  22. Create a custom render Appender button to add Inner Blocks
  23. Rename reusable blocks shown in navigator
  24. How to troubleshoot a custom Gutenberg block error: “This block has encountered an error and cannot be previewed”
  25. How to learn Gutenberg block development [closed]
  26. Unable to disable Gutenberg with plugin Classic Editor or Disable Gutenberg
  27. How to use the @wordpress/date block in the Gutenberg editor?
  28. Gutenberg Block Development: Trying to add custom js script to npm start command by modifying webpack.config
  29. Popover in a LinkControl style
  30. Is there any way to render the WordPress Gutenberg core/embed block in PHP by passing in the URL?
  31. How to use in Block Editor – react-bootstrap?
  32. Double container elements on custom block in editor
  33. How to target block variations with has_block()?
  34. How to add extra option to WP core gallery block?
  35. How can I add class to every quote element?
  36. Can I jump over a InnerBlocks component to target content inside with react-flickity-component?
  37. create bootstrap columns inside editor group block
  38. Use a React Component in conjunction with Blocks
  39. Make a custom block like default paragraph block, so that Enter starts a new block
  40. How do you manage the Gutenberg block previews in the admin area?
  41. Custom block save does not match due to stripped slashes from br tag and added figure tag around images
  42. How to disable align-wide for specified blocks in Gutenberg
  43. Deprecated function not working in Gutenberg
  44. Gutenberg Block checkbox check-unckeck does not work
  45. WordPress npm run build and start only outputs wp-scripts start but does nothing
  46. Gutenberg get index of gutenberg innerblock
  47. Custom Endpoint API based on attribute gutenberg block
  48. Gutenberg – Remove add block button
  49. how can default_content filter tell if content will load in block editor or classic editor?
  50. Override theme style rule in Gutenberg
  51. Gutenberg programmatically move block to position
  52. Gutenberg block – remove setting for core/file
  53. Gutenberg JavaScript error
  54. Gutenberg selecting child blocks directly from appender
  55. Image not aligning with text
  56. Custom validation on publish/ update in Block Editor
  57. WordPress Gutenberg – Open the “Block Pattern Explorer” programmatically
  58. Modify src attribute on image block
  59. Two text color palettes are appearing in Gutenberg
  60. WordPress Gutenberg – Sidebar get posts list based on selected category
  61. Gutenberg button removed on save if its empty
  62. Gutenberg build error: You may need an appropriate loader to handle this file type SCSS
  63. Gutenberg: How to constrict floated table blocks to 1000px width in the front-end, when align wide & full are being used?
  64. Table block – Wrap table
  65. ResizableBox component is not selectable in block editor
  66. Whitelist a single SVG for use in post_content
  67. Gutenberg block previews suddenly not working
  68. How to convert block to a list block in WordPress gutenberg editor?
  69. How to do store, retrieve and write attributes in the registerFormatType method in Guttenberg?
  70. How can I create more advanced layouts in Gutenberg block editor?
  71. How to replace the Gutenberg default block with a custom block?
  72. how to disable a button added by a plugin in gutenberg toolbar?
  73. Images are not shown in the post editor
  74. Updating failed message when a wp_insert_post function is hooked to save_post hook
  75. Images at the same vertical position in multiple columns
  76. Get post ancestors in the Block Editor
  77. How to disable blocks in Gutenberg editor for specific post type
  78. Possible to make the link autocompleter prioritize Tags before Posts?
  79. Prevent FormTokenField component to accept random entries
  80. How to move the customizations done in the Editor to my child theme?
  81. Unable to see the attributes for the custom block created
  82. Narrow paragraph block aligned to left of “wrapper”
  83. How to display dynamic block editor on front-end?
  84. Enable varying text for Phone, Tablet and Desktop
  85. Debouncing Input value with block attributes
  86. Using the block theme in production
  87. When using the MediaPlaceholder component, will skipping blobUrl handling break something?
  88. Pass component name in onChange [closed]
  89. Add another option to default link control settings panel?
  90. With full-site-editing menus, how do I create a non-linking top-level menu item with linking sub-pages
  91. How can I render a built-in Gutenberg block with InnerBlocks outside of the block editor?
  92. How do I add filters in Twenty-Twenty-Three without a functions.php?
  93. Different style options for the same block depending where it is used
  94. How to extract ‘intro’ block from page content, but later strip from page main content
  95. Add a new option to Social Link block
  96. Editing Inline fonts/typeface using the block editor
  97. What is the proper way of using React Hooks in Gutenberg on frontend?
  98. Customize margin between paragraphs using the Gutenberg Style editor
  99. Unable to register a block using block.json in Block Editor
  100. $attributes not defined in block.json PHP template for ACF blocks