fix(ui/fieldDecorator): placeholder width exceeds container size

varletjs · May 7, 2023 · 38cb3a6 · 38cb3a6
1 parent 272ffd5
commit 38cb3a6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/varlet-ui/src/field-decorator/fieldDecorator.less b/packages/varlet-ui/src/field-decorator/fieldDecorator.less
@@ -64,7 +64,7 @@
   }
 
   &__placeholder {
-    width: 100%;
+    max-width: 100%;
     position: absolute;
     top: 0;
     left: 0;
@@ -75,7 +75,7 @@
     cursor: inherit;
     transform: translate(0, 0) scale(1);
     transform-origin: left;
-    transition: transform 0.28s var(--cubic-bezier), color 0.25s;
+    transition: transform 0.28s var(--cubic-bezier), color 0.25s, max-width 0.28s;
   }
 
   &__placeholder-text {
@@ -93,7 +93,7 @@
   }
 
   &--placeholder-hint {
-    width: calc(1.33 * var(--field-decorator-legend-max-width, var(--filed-decorator-controller-width)));
+    max-width: calc(1.33 * var(--field-decorator-legend-max-width, var(--filed-decorator-controller-width)));
   }
 
   &--placeholder-hidden {