Skip to content
Snippets Groups Projects
Commit b7b1a85c authored by jojohoch's avatar jojohoch
Browse files

[player] Fix display of empty dynamic drop lists on ipad 14

The height of an empty droplist can't be calculated on ios 14
because it's in a flex container
parent 791dcc8e
No related branches found
No related tags found
No related merge requests found
...@@ -12,8 +12,11 @@ import { DragNDropValueObject, DropListElement } from '../../interfaces/elements ...@@ -12,8 +12,11 @@ import { DragNDropValueObject, DropListElement } from '../../interfaces/elements
<div class="list-container"> <div class="list-container">
<!-- Border width is a workaround to enable/disable the Material cdk-drop-list-receiving--> <!-- Border width is a workaround to enable/disable the Material cdk-drop-list-receiving-->
<!-- class style.--> <!-- class style.-->
<!-- min-height for the following div is important for iOS 14!
iOS 14 is not able to determine the height of the flex container-->
<div class="list" <div class="list"
[ngClass]="{ 'align-flex' : elementModel.orientation === 'flex' }" [ngClass]="{ 'align-flex' : elementModel.orientation === 'flex' }"
[style.min-height.px]="elementModel.position.useMinHeight ? elementModel.height - 6 : null"
[class.dropList-highlight]="elementModel.highlightReceivingDropList" [class.dropList-highlight]="elementModel.highlightReceivingDropList"
[style.outline-color]="elementModel.highlightReceivingDropListColor" [style.outline-color]="elementModel.highlightReceivingDropListColor"
[style.color]="elementModel.styling.fontColor" [style.color]="elementModel.styling.fontColor"
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<ng-container *ngFor="let element of section.elements"> <ng-container *ngFor="let element of section.elements">
<aspect-element-splitter <aspect-element-splitter
[style.min-width.px]="element.width" [style.min-width.px]="element.width"
[style.min-height.px]="element.position.useMinHeight ? element.height : 0" [style.min-height.px]="element.position.useMinHeight ? element.height : null"
[style.margin-left.px]="element.position.marginLeft" [style.margin-left.px]="element.position.marginLeft"
[style.margin-right.px]="element.position.marginRight" [style.margin-right.px]="element.position.marginRight"
[style.margin-top.px]="element.position.marginTop" [style.margin-top.px]="element.position.marginTop"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment