fix(Tooltip): limit max width to viewport to prevent overflow on smal… (#1065)

tenphi · web-flow · commit 55403a6f2695 · 2026-03-06T11:48:47.000+01:00
diff --git a/.changeset/tooltip-viewport-width.md b/.changeset/tooltip-viewport-width.md
@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Tooltip: limit max width to viewport to prevent overflow on small screens
diff --git a/src/components/overlays/Tooltip/Tooltip.tsx b/src/components/overlays/Tooltip/Tooltip.tsx
@@ -36,7 +36,7 @@ const TooltipElement = tasty({
       '': '#white',
       light: '#dark-02',
     },
-    width: 'initial 36x max-content',
+    width: 'initial min(36x, (100dvw - 4x)) max-content',
     radius: true,
     padding: '.75x 1x',
     preset: 't4',

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@cube-dev/ui-kit": patch
 +---
++
 +Tooltip: limit max width to viewport to prevent overflow on small screens