diff --git a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-component.scss index ed963d2b61c..fd39ccf73bd 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-component.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-component.scss @@ -660,6 +660,18 @@ } } + @include mx(fluent, textarea-group) { + @include e(bundle-start) { + @extend %form-group-bundle-textarea-start--fluent !optional; + } + } + + @include mx(fluent, textarea-group) { + @include e(bundle-end) { + @extend %form-group-bundle-textarea-end--fluent !optional; + } + } + @include mx(fluent, required) { @include e(bundle) { @extend %form-group-bundle-required--fluent !optional; diff --git a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss index d01cbf30ff0..bad67142ba4 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss @@ -1353,7 +1353,11 @@ } &:empty { - display: none; + @if $variant == 'fluent' { + padding: 0; + } @else { + display: none; + } } } @@ -1618,6 +1622,13 @@ } } + %form-group-bundle-textarea-start--fluent, + %form-group-bundle-textarea-end--fluent { + &:empty { + display: none; + } + } + // Native input %fluent-input { font-size: rem(14px);