fix: Form.Upload's unexpected error outline Occlusion

DouyinFE · Aug 26, 2024 · 8063f28 · 8063f28
1 parent 7648406
commit 8063f28
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/semi-foundation/upload/upload.scss b/packages/semi-foundation/upload/upload.scss
@@ -474,7 +474,7 @@ $module: #{$prefix}-upload;
             }
 
             &-error {
-                outline: 1px solid $color-upload_picture_file_card_error-border;
+                border: 1px solid $color-upload_picture_file_card_error-border;
             }
 
             &:hover {

diff --git a/packages/semi-ui/upload/_story/upload.stories.jsx b/packages/semi-ui/upload/_story/upload.stories.jsx
@@ -1323,4 +1323,17 @@ export const Unmount = () => {
             <button onClick={toggle}>toggle upload mount</button>
         </>
     );
-};
+};
+
+export const fix2448 = () => {
+  let action = 'http://xxx';
+    return (
+        <>
+          <Form>
+            <Form.Upload action={action} listType="picture" accept="image/*" multiple >
+              <IconPlus size="extra-large" />
+            </Form.Upload>
+          </Form>
+        </>
+    );
+}