fix: Tag component close icon display bug (#27226)

* fix: tag component close icon display bug * update tag component demo.test.snap
ant-design · Oct 19, 2020 · fd0a513 · fd0a513
1 parent d3d3947
commit fd0a513
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/components/tag/__tests__/__snapshots__/demo.test.js.snap b/components/tag/__tests__/__snapshots__/demo.test.js.snap
@@ -482,17 +482,17 @@ Array [
     class="ant-tag"
   >
     Tag1
-    <div
+    <span
       class="ant-tag-close-icon"
     >
       关 闭
-    </div>
+    </span>
   </span>,
   <span
     class="ant-tag"
   >
     Tag2
-    <div
+    <span
       class="ant-tag-close-icon"
     >
       <span
@@ -518,7 +518,7 @@ Array [
           />
         </svg>
       </span>
-    </div>
+    </span>
   </span>,
 ]
 `;

diff --git a/components/tag/index.tsx b/components/tag/index.tsx
@@ -102,9 +102,9 @@ const InternalTag: React.ForwardRefRenderFunction<unknown, TagProps> = (
   const renderCloseIcon = () => {
     if (closable) {
       return closeIcon ? (
-        <div className={`${prefixCls}-close-icon`} onClick={handleCloseClick}>
+        <span className={`${prefixCls}-close-icon`} onClick={handleCloseClick}>
           {closeIcon}
-        </div>
+        </span>
       ) : (
         <CloseOutlined className={`${prefixCls}-close-icon`} onClick={handleCloseClick} />
       );