wrap in div to enable tooltip

apache · Dec 20, 2024 · 6f7bef7 · 6f7bef7
1 parent 59de8b3
commit 6f7bef7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/superset-frontend/src/components/Label/Label.test.tsx b/superset-frontend/src/components/Label/Label.test.tsx
@@ -38,6 +38,6 @@ test('works with an onClick handler', () => {
 test('renders all the storybook gallery variants', () => {
   const { container } = render(<LabelGallery />);
   expect(container.querySelectorAll('.ant-tag')).toHaveLength(
-    options.length * 2,
+    options.length * 2 + 4,
   );
 });
diff --git a/superset-frontend/src/dashboard/components/PublishedStatus/index.tsx b/superset-frontend/src/dashboard/components/PublishedStatus/index.tsx
@@ -67,10 +67,12 @@ export default class PublishedStatus extends Component<DashboardPublishedStatusT
             placement="bottom"
             title={draftButtonTooltip}
           >
-            <PublishedLabel
-              isPublished={isPublished}
-              onClick={this.togglePublished}
-            />
+            <div>
+              <PublishedLabel
+                isPublished={isPublished}
+                onClick={this.togglePublished}
+              />
+            </div>
           </Tooltip>
         );
       }
@@ -80,7 +82,9 @@ export default class PublishedStatus extends Component<DashboardPublishedStatusT
           placement="bottom"
           title={draftDivTooltip}
         >
-          <PublishedLabel isPublished={isPublished} />
+          <div>
+            <PublishedLabel isPublished={isPublished} />
+          </div>
         </Tooltip>
       );
     }
@@ -93,10 +97,12 @@ export default class PublishedStatus extends Component<DashboardPublishedStatusT
           placement="bottom"
           title={publishedTooltip}
         >
-          <PublishedLabel
-            isPublished={isPublished}
-            onClick={this.togglePublished}
-          />
+          <div>
+            <PublishedLabel
+              isPublished={isPublished}
+              onClick={this.togglePublished}
+            />
+          </div>
         </Tooltip>
       );
     }