Skip to content

Commit d6b4d67

Browse files
obstmiMichael Obst
andauthored
fix(text-field): auto-size textfield height accesability (#2439)
Co-authored-by: Michael Obst <michael.obst@telekom.de>
1 parent 3f4516a commit d6b4d67

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

packages/components/src/components/text-field/text-field.css

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,8 @@ scale-text-field {
2828
--background-color-disabled: none;
2929
--focus-outline: var(--telekom-line-weight-highlight) solid
3030
var(--telekom-color-functional-focus-standard);
31-
--height: 44px;
31+
--height: 2.75rem;
32+
--min-height: 44px; /* for backward compatibility */
3233
--spacing-x: var(--telekom-spacing-composition-space-05);
3334
--color-disabled: var(--telekom-color-text-and-icon-disabled);
3435
--background-disabled: none;
@@ -94,6 +95,7 @@ scale-text-field {
9495
.text-field .text-field__control {
9596
width: 100%;
9697
height: var(--height);
98+
min-height: var(--min-height);
9799
margin: 0;
98100
display: flex;
99101
outline: none;

0 commit comments

Comments
 (0)