fix: 修复date-picker圆角问题 + 修复 input tab 选中问题 (#105)

WeBankFinTech · Apr 8, 2022 · 2fc9459 · 2fc9459
1 parent dc7122c
commit 2fc9459
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/components/date-picker/datePicker.vue b/components/date-picker/datePicker.vue
@@ -4,7 +4,7 @@
         :disabled="disabled"
         :appendToContainer="appendToContainer"
         :getContainer="getContainer"
-        :popperClass="popperClass"
+        :popperClass="[popperClass, `${prefixCls}-popper`]"
         trigger="click"
         :hideAfter="0"
         placement="bottom-start"

diff --git a/components/date-picker/style/index.less b/components/date-picker/style/index.less
@@ -9,6 +9,10 @@
     display: inline-block;
     width: 100%;
     vertical-align: middle;
+
+    &-popper {
+        overflow: hidden;
+    }
 }
 
 @calendars-prefix-cls: ~'@{cls-prefix}-calendars';

diff --git a/components/input/inputInner.vue b/components/input/inputInner.vue
@@ -6,7 +6,6 @@
             (focused || innerIsFocus) && `${prefixCls}-focus`,
             disabled && `${prefixCls}-disabled`,
         ]"
-        :tabindex="!disabled ? 0 : undefined"
         @mousedown="handleMousedown"
         @mouseenter="onMouseEnter"
         @mouseleave="onMouseLeave"
@@ -17,7 +16,7 @@
         </span>
         <input
             ref="inputRefEl"
-            :tabindex="!disabled ? -1 : undefined"
+            :tabindex="!disabled ? 0 : undefined"
             :value="currentValue"
             :maxlength="maxlength"
             :type="