Prevent placeholder from protruding in height from a dynamic drop list

Use a horizontal aligned placeholder for dynamic aligned drop lists
when there is more than one element in the list

projects/common/components/compound-elements/cloze/cloze-child-elements/drop-list-simple.component.ts

@@ -146,8 +146,8 @@ export class DropListSimpleComponent extends FormElementComponent {
   }
 
   setPlaceholderDimensions(itemsCount: number, orientation: unknown): void {
-    this.placeholderDimensions.height = itemsCount && orientation === 'vertical' ? 1 : 100;
-    this.placeholderDimensions.width = itemsCount && orientation !== 'vertical' ? 1 : 100;
+    this.placeholderDimensions.height = itemsCount && orientation !== 'horizontal' ? 1 : 100;
+    this.placeholderDimensions.width = itemsCount && orientation === 'horizontal' ? 1 : 100;
   }
 
   onlyOneItemPredicate = (drag: CdkDrag, drop: CdkDropList): boolean => (

projects/common/components/input-elements/drop-list.component.ts

@@ -197,8 +197,8 @@ export class DropListComponent extends FormElementComponent {
   }
 
   setPlaceholderDimensions(itemsCount: number, orientation: unknown): void {
-    this.placeholderDimensions.height = itemsCount && orientation === 'vertical' ? 1 : 100;
-    this.placeholderDimensions.width = itemsCount && orientation !== 'vertical' ? 1 : 100;
+    this.placeholderDimensions.height = itemsCount && orientation !== 'horizontal' ? 1 : 100;
+    this.placeholderDimensions.width = itemsCount && orientation === 'horizontal' ? 1 : 100;
   }
 
   onlyOneItemPredicate = (drag: CdkDrag, drop: CdkDropList): boolean => (