Package Details
Package & Versions: @atlaskit/editor-core - 205.2.1 , “@atlaskit/renderer” - 114.9.1 (latest at the time of writing)
React Version: 18.2.0
Browsers Tested: Chrome, Firefox (latest)
Platform: macOS/Windows
Problem Statement
Several media configuration options no longer behave as expected in the latest versions of @atlaskit/editor-core.
Configuration Used
media={{
allowMediaGroup: true,
allowMediaSingle: true,
isCopyPasteEnabled: true,
allowResizing: true,
allowResizingInTables: true,
allowMediaInlineImages: true,
enableDownloadButton: true, // No effect
alignLeftOnInsert: true, // No effect as i’m using legacyImageUploadProvider
fullWidthEnabled: false //Images are full-width by default
}}
Expected Behavior
enableDownloadButton: true: should show a download icon/button in the media toolbar.
alignLeftOnInsert: true: should align inserted images to the left, instead of defaulting to center/full width.
fullWidthEnabled: false: should disable full-width behavior, preventing media from stretching to full container width on insert.
Actual Behavior
enableDownloadButton has no visual or functional effect — the toolbar does not show a download button.
alignLeftOnInsert is ignored, and images continue to default to center or full width.
fullWidthEnabled: false is ineffective — uploaded images continue to occupy the full width of the editor container, especially when inserted individually**.**
Reproducible Example
Using ComposableEditor :-
<ComposableEditor
legacyImageUploadProvider={{CustomImageUpload}} //Here we’re using custom image upload handler
media={{
allowMediaGroup: true,
allowMediaSingle: true,
isCopyPasteEnabled: true,
allowResizing: true,
allowResizingInTables: true,
allowMediaInlineImages: true,
enableDownloadButton: true,
alignLeftOnInsert: true,
fullWidthEnabled: false
}}
/>
Upload a single image: it will be rendered full width with no download button, regardless of the above settings.