No aspect ratio selector in a custom block

Per the developer handbook:

This value signals that a block supports some of the CSS style properties related to dimensions. When it does, the block editor will show UI controls for the user to set their values if the theme declares support.

So in your theme you’ll need to declare support either by setting appearanceTools to true in theme.json or the legacy way using add_theme_support( 'appearance-tools' ) in functions.php.

Related Posts:

  1. Deactivate Gutenberg tips forever – not Gutenberg
  2. Disable Gutenberg text-Settings in all blocks
  3. gutenberg block – how to force update after attribute changed?
  4. How can I add a custom attribute to Gutenberg core blocks?
  5. Add additional classes to gutenberg .editor-styles-wrapper
  6. How to use the WordPress < LinkControl /> Component
  7. Remove border radius setting from the Gutenberg button block?
  8. Add PHP block template to content using wp_insert_post
  9. Gutenberg reusable blocks – is it possible to customise an instance?
  10. File structure and react setup when creating multiple Gutenberg blocks
  11. Gutenberg Block manipulation: Undo parse_blocks() with serialize_blocks() results in unicode issues
  12. How to use “getEntityRecords” for user data?
  13. Gutenberg: Restrict Top Level Blocks, But Not Child Blocks
  14. Get a WordPress Gutenberg Block Attribute to use it in frontend
  15. Rename reusable blocks shown in navigator
  16. How to troubleshoot a custom Gutenberg block error: “This block has encountered an error and cannot be previewed”
  17. Two Gutenberg components sharing the same Panel Body in Inspector Controls
  18. How to learn Gutenberg block development [closed]
  19. Unable to disable Gutenberg with plugin Classic Editor or Disable Gutenberg
  20. Gutenberg Block Development: Trying to add custom js script to npm start command by modifying webpack.config
  21. Popover in a LinkControl style
  22. Is there any way to render the WordPress Gutenberg core/embed block in PHP by passing in the URL?
  23. How to use in Block Editor – react-bootstrap?
  24. Double container elements on custom block in editor
  25. How to target block variations with has_block()?
  26. Can I jump over a InnerBlocks component to target content inside with react-flickity-component?
  27. Use a React Component in conjunction with Blocks
  28. Make a custom block like default paragraph block, so that Enter starts a new block
  29. Custom gutenberg block not rendering with styles on frontend
  30. Gutenberg Block on Second Edit fails validation
  31. Import setAttributes() method in a separated module
  32. Add a hyperlink to a group block?
  33. Gutenberg: How to use RangeControl in the editor itself and make it work?
  34. How to change Block Controls Icon in Gutenberg?
  35. Detect if a block has been deleted
  36. Add multiple images to a custom block
  37. How do I disable the block marketplace for Editors?
  38. How to use __experimentalCaptureChildToolbar
  39. Why is wordpress suddenly stripping away all newline characters and how to disable this?
  40. Gutenberg RadioControl saving data but not not selecting radio
  41. Gutenberg on block move
  42. Gutenberg template lock but add/delete blocks programmatically
  43. Notion-like editing and layout with a convenient freeform collaborative editor in WordPress? [closed]
  44. wp_get_global_settings is not updated on save_post hook
  45. How can I make Gutenberg block layout switchable without lost of current content?
  46. code block does not show in excerpt
  47. Is it possibe to prepend “ with icons or text?
  48. If you have multiple dynamic blocks with a post loop on a page, how do you avoid duplicates from inside the render_callback function?
  49. How to create Gutenberg’s pattern category automatically with custom post taxonomy terms?
  50. How to Change the Gutenberg editor’s colors?
  51. Debugging Gutenberg block with the React Profiler (React Developer Tools)
  52. Modify core/image block by adding inner span to figcaption in save
  53. How to override a function in the wp_includes folder(block supports/colors.php)
  54. If is block name
  55. Is there a way to grab the current value of the editor in Gutenburg/Classic WordPress editor? (Not the saved value of the post!)
  56. Can I add custom code to gutenberg auto save?
  57. Changing block quote size in gutenberg
  58. How to get the revisions feature back on the classic editor?
  59. how to use a Text component in javascript?
  60. How to nest a list inside a blockquote using the Gutenberg block-editor?
  61. Is there an obvious error in this React code for customizing a Gutenberg Block?
  62. Two content editors (gutenberg blocks) on the same page
  63. Gutenberg custom block: RichText underline button
  64. Expose Gutenberg blocks in Post Revisions API endpoint
  65. How to wrap Gutenberg blocks into a custom container (without using HTML blocks)?
  66. DateTimePicker script and style missing?
  67. Gutenberg pass properties to filter
  68. How to remove multiple blocks of Gutenberg at the same time?
  69. How to set the background color of a template part (Header/Footer) in Twenty Twentythree?
  70. Run callback on removeBlock action
  71. Gutenberg blocks – only allow as innerblock
  72. Pullquote Block Styles disappeared?
  73. Using useSelect creates “minified React error”
  74. How do I reinstate the “Add Block” feature that changes with the update?
  75. How to use react in frontend of dynamic blocks?
  76. Attempting to specify viewScript, in a custom block, results in a register_block_script_handle error
  77. What is the standard way to use the version of React that ships with Gutenberg on the front end?
  78. Restricting core block nested blocks
  79. Is is possible to use Templates with blockprops?
  80. How to add readable name and description to templates?
  81. Errror generated in console leading to block validation failer
  82. Add Custom Block Supports to Core Block
  83. Block validation failed – save content vs post body content
  84. Where’s the Block Template Feature in WordPress?
  85. Is it possible to add custom Components in the InspectorControls to the new “Styles” Tab?
  86. How to implement Mapbox GL JS with a custom Gutenberg block in FSE?
  87. Hard code block with nested block in front-page.html template
  88. Use a custom block inside another custom block
  89. Controlling or disabling Gutenberg editor panning/focus on a custom slider block
  90. Default value for highorder component in Gutenbrg?
  91. Custom gutenberg block: window.wp.blockEditor returns undefined
  92. How can I add a wrapper class to individual blocks inside of an InnerBlocks component?
  93. how can I remove all default settings in Gutenberg blocks? example core/button
  94. wordpress 6.4.2 gutenberg custom block array attributes saving problem?
  95. Are shortcodes now allowed in synced blocks?
  96. How to get block editor block inspector attribute value in my react block
  97. Modifying other core editor panels besides Featured Image in the block editor
  98. Theme.json: styles.typography.FontFamily renders as default font in front end but not editor
  99. Detecting whenever a user types – in the Gutenberg editor, and checking if there is a preceding or succeeding – then converting both to an em dash
  100. Setting “Open in New Tab” for Link Control to be checked by default
tech