feat: 🎸 auto position combined link actions dropdown (#453)

The new combined reference link action's dropdown will be positioned automatically, if necessary, above the trigger button. This should prevent the menu from being cut off when e.g. positioned at the end of a page.
contentful · Oct 28, 2020 · d5f4f8b · d5f4f8b
1 parent 2852a3f
commit d5f4f8b
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/reference/src/components/LinkActions/CombinedLinkActions.tsx b/packages/reference/src/components/LinkActions/CombinedLinkActions.tsx
@@ -42,6 +42,10 @@ function CombinedEntryLinkActions(props: LinkActionsProps) {
         contentTypes={props.contentTypes}
         hasPlusIcon={true}
         useExperimentalStyles={true}
+        dropdownSettings={{
+          isAutoalignmentEnabled: true,
+          position: 'bottom-left',
+        }}
         onSelect={(contentTypeId) => {
           return contentTypeId ? props.onCreate(contentTypeId) : Promise.resolve();
         }}