diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less index 50670b3d49..55df2c6025 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less @@ -38,11 +38,16 @@ display: flex; align-items: center; overflow-x: auto; + overflow-y: visible; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; + margin-bottom: -100px; // allow validation messages to overflow container + padding-bottom: 100px; // allow validation messages to overflow container + pointer-events: none; // allow validation messages to overflow container li { + pointer-events: auto; height: 100%; &:only-of-type { @@ -251,9 +256,8 @@ .umb-group-builder__tab-val-message { position: absolute; - top: 0; + top: calc(100% + 5px); left: 20px; - transform: translate(0, -10px); } .umb-group-builder__tab--placeholder { diff --git a/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-tab.html b/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-tab.html index 50aef7e5a1..77da79d1e2 100644 --- a/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-tab.html +++ b/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-tab.html @@ -40,8 +40,8 @@ required />
-
{{tabNameForm.tabName.errorMsg}}
-
+
{{tabNameForm.tabName.errorMsg}}
+