framework/sage
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

article block: resolve parent/inner focus toggle issue

Browse Source
This commit is contained in:
Steve Ross
2026-02-11 15:49:44 +00:00
parent 6d710c603e
commit da7bb3067a
3 changed files with 41 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/views/blocks/article/index.jsx
View File

@@ -15,18 +15,28 @@ import BackgroundImage from '../../../js/blocks/components/BackgroundImage';
import BlockSettings from '../../../js/blocks/components/BlockSettings';
registerBlockType(metadata.name, {
edit({ attributes, setAttributes }) {
edit({ attributes, setAttributes, clientId }) {
const blockProps = useBlockProps();
blockProps.className = sectionClassNames(attributes, blockProps.className).join(' ');
blockProps.className = containerClassNames(attributes, [ 'wysiwyg' ]).join(' ');
return (
<div { ...blockProps }>
<div className={ sectionClassNames(attributes, 'wp-block-badegg-article').join(' ') }>
<BlockSettings
attributes={ attributes }
setAttributes={ setAttributes }
/>
<div className={ containerClassNames(attributes, [ 'wysiwyg' ]).join(' ') }>
<button
className="badegg-article-select-parent"
onClick={() => {
wp.data.dispatch('core/block-editor').selectBlock(clientId);
}}
>
<span className="visually-hidden">Select Block</span>
</button>
<div { ...blockProps }>
<InnerBlocks
allowedBlocks={ allowedBlocks }
defaultBlock={
@@ -47,11 +57,11 @@ registerBlockType(metadata.name, {
},
save({ attributes }) {
const blockProps = useBlockProps.save();
blockProps.className = sectionClassNames(attributes, blockProps.className ).join(' ');
blockProps.className = containerClassNames(attributes, [ 'wysiwyg' ]).join(' ');
return (
<div { ...blockProps }>
<div className={ containerClassNames(attributes, [ 'wysiwyg' ]).join(' ') }>
<div className={ sectionClassNames(attributes, 'wp-block-badegg-article').join(' ') }>
<div { ...blockProps }>
<InnerBlocks.Content />
</div>