From 9acab9646c007ff563ad1f647089e057f4b8982e Mon Sep 17 00:00:00 2001
From: Ryan Zhang <eneblue@126.com>
Date: Wed, 1 Dec 2021 19:17:31 +0800
Subject: [PATCH] fix(InputButton): add title for InputButton (#1582)

Co-authored-by: Zhang Rui <zhangrui@growingio.com>
---
 src/input/InputButton.tsx             | 1 +
 src/popover/style/index.less          | 8 ++++----
 src/tooltip/demos/Tooltip.stories.tsx | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/input/InputButton.tsx b/src/input/InputButton.tsx
index 35a20e20b6..a33b13676b 100644
--- a/src/input/InputButton.tsx
+++ b/src/input/InputButton.tsx
@@ -86,6 +86,7 @@ const InputButton = React.forwardRef<HTMLInputElement, InputButtonProps>((props,
       type="button"
       // when set Input type=button, the placeholder is invalid
       value={value || placeholder}
+      title={value as string}
       onChange={onChange}
       prefix={customizePrefix}
       suffix={suffix}
diff --git a/src/popover/style/index.less b/src/popover/style/index.less
index a00019fe88..1620a37082 100644
--- a/src/popover/style/index.less
+++ b/src/popover/style/index.less
@@ -22,7 +22,7 @@
         &[data-popper-placement^='top'] {
           margin-bottom: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            bottom: -4px;
+            bottom: -3px;
             background: @popover-background-color;
             &::before {
               border-right: 1px solid @popover-border-color;
@@ -34,7 +34,7 @@
         &[data-popper-placement^='bottom'] {
           margin-top: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            top: -5px;
+            top: -4px;
             background: @popover-background-color;
             &::before {
               border-top: 1px solid @popover-border-color;
@@ -46,7 +46,7 @@
         &[data-popper-placement^='left'] {
           margin-right: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            right: -4px;
+            right: -3px;
             background: @popover-background-color;
             &::before {
               border-top: 1px solid @popover-border-color;
@@ -58,7 +58,7 @@
         &[data-popper-placement^='right'] {
           margin-left: 10px;
           & > .@{popover-arrow-prefix-cls} {
-            left: -5px;
+            left: -4px;
             background: @popover-background-color;
             &::before {
               border-bottom: 1px solid @popover-border-color;
diff --git a/src/tooltip/demos/Tooltip.stories.tsx b/src/tooltip/demos/Tooltip.stories.tsx
index b34e59fecc..498c42e95c 100644
--- a/src/tooltip/demos/Tooltip.stories.tsx
+++ b/src/tooltip/demos/Tooltip.stories.tsx
@@ -25,7 +25,7 @@ export default {
 
 const Template: Story<TooltipProps> = (args) => (
   <div style={{ display: 'flex', alignItems: 'center' }}>
-    <div style={{ width: '610px', margin: '70px 0px' }}>
+    <div style={{ width: '610px', margin: '70px 120px' }}>
       <div className="tooltip-top">
         <span className="popover-wrapper">
           <Tooltip {...args} placement="topLeft">