This block doesn’t appear anymore in Gutenberg editor at all.

The Details Summary block is incompatible with the MacOS Safari browser. Any chance this could be updated?

Thanks

When trying to type a “space” character in the summary field of this block, the space character is never input. Instead, the block toggles open or closed whenever a space is typed. This makes it very hard to make the button have a multiple-word heading.

Hi,

The HTML spec allows all tags within the details tag, for this plugin to be fully usefull I would need this line 8 of index.js to be changed:

const ALLOWED_BLOCKS = [ 'core/code', 'core/paragraph', 'core/image', 'core/freeform' ];

I have now built my own version but it would be great if this could be merged and rolled out as an update.

Problem with this plugin is that you have only code and paragraph in allowed blocks. E.g. i need to put also img to details. So I had to slightly modify the /details-summary-block/src/index.js file
const ALLOWED_BLOCKS = [ ‘core/code’, ‘core/paragraph’, ‘core/image’ ];
and use them in InnerBlocks
<details
className={ className }
>
<summary>
<RichText
tagName=’summary’
value={ summaryContent }
onChange={ ( newContent ) => {
setAttributes({ summaryContent: newContent });
}}
/>
</summary>
<div>
<InnerBlocks
allowedBlocks={ ALLOWED_BLOCKS }
/>
</div>
</details>