diff --git a/.changeset/polite-apricots-exercise.md b/.changeset/polite-apricots-exercise.md new file mode 100644 index 0000000000..975ddbbc9c --- /dev/null +++ b/.changeset/polite-apricots-exercise.md @@ -0,0 +1,8 @@ +--- +'@backstage/plugin-home': patch +--- + +Enable collision prevention by default in custom home page. + +This change ensures that items in the home page will not collide with each other +making the user experience better. diff --git a/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx b/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx index c87ece4a9c..b5e502ad33 100644 --- a/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx +++ b/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx @@ -349,7 +349,7 @@ export const CustomHomepageGrid = (props: CustomHomepageGridProps) => { compactType={props.compactType} style={props.style} allowOverlap={props.allowOverlap} - preventCollision={props.preventCollision} + preventCollision={props.preventCollision ?? true} draggableCancel=".overlayGridItem,.widgetSettingsDialog,.disabled" containerPadding={props.containerPadding} margin={props.containerMargin}