diff --git a/packages/block-library/src/cover/edit.js b/packages/block-library/src/cover/edit.js index 7234e4215d650..1d556e874282c 100644 --- a/packages/block-library/src/cover/edit.js +++ b/packages/block-library/src/cover/edit.js @@ -333,7 +333,7 @@ function CoverEdit( { gradientValue, setGradient, } = __experimentalUseGradient(); - const onSelectMedia = attributesFromMedia( setAttributes ); + const onSelectMedia = attributesFromMedia( setAttributes, dimRatio ); const isUploadingMedia = isTemporaryMedia( id, url ); const [ prevMinHeightValue, setPrevMinHeightValue ] = useState( minHeight ); diff --git a/packages/block-library/src/cover/edit.native.js b/packages/block-library/src/cover/edit.native.js index b488f882bd73f..56437afde080d 100644 --- a/packages/block-library/src/cover/edit.native.js +++ b/packages/block-library/src/cover/edit.native.js @@ -190,7 +190,7 @@ const Cover = ( { const onSelectMedia = ( media ) => { setDidUploadFail( false ); - const onSelect = attributesFromMedia( setAttributes ); + const onSelect = attributesFromMedia( setAttributes, dimRatio ); onSelect( media ); }; diff --git a/packages/block-library/src/cover/shared.js b/packages/block-library/src/cover/shared.js index 5c4c20a7cb4ec..4a45c145518f0 100644 --- a/packages/block-library/src/cover/shared.js +++ b/packages/block-library/src/cover/shared.js @@ -32,7 +32,7 @@ export function dimRatioToClass( ratio ) { : 'has-background-dim-' + 10 * Math.round( ratio / 10 ); } -export function attributesFromMedia( setAttributes ) { +export function attributesFromMedia( setAttributes, dimRatio ) { return ( media ) => { if ( ! media || ! media.url ) { setAttributes( { url: undefined, id: undefined } ); @@ -65,6 +65,7 @@ export function attributesFromMedia( setAttributes ) { } setAttributes( { + dimRatio: dimRatio === 100 ? 50 : dimRatio, url: media.url, id: media.id, alt: media?.alt,