From 73918786a5de9007225ff5cc85738d2344d529fd Mon Sep 17 00:00:00 2001 From: micstra Date: Tue, 24 Nov 2020 12:24:24 +0100 Subject: [PATCH] Make the boolean-field-component relative positioned This is necessary to provide an anchor for the gtx-checkbox. The checkbox uses an absolute-positioned input-element. If the parent element does not provide an anchor the element is anchored to the nearest non-static positioned parent. This can cause weird issues with overflows of elements. --- .../components/boolean-field/boolean-field.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/app/form-generator/components/boolean-field/boolean-field.scss b/src/app/form-generator/components/boolean-field/boolean-field.scss index 3e2e62b67..09c1b5e76 100644 --- a/src/app/form-generator/components/boolean-field/boolean-field.scss +++ b/src/app/form-generator/components/boolean-field/boolean-field.scss @@ -2,6 +2,14 @@ @import "../../common-styles"; :host.mesh-field { + /* + position: relative is necessary to provide an anchor-element for the + absolute positioned checkbox-element from gtx-checkbox. Without this + there will be issues with overflows of static-positioned parent elements. + See: https://github.com/gentics/mesh-ui/issues/337 + */ + position: relative; + display: flex; justify-content: space-between; padding-top: 10px;