updated comment and added vr test

microsoft · Jun 20, 2023 · c6dddb8 · c6dddb8
1 parent 03e2e2f
commit c6dddb8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/apps/vr-tests-react-components/src/stories/Tooltip.stories.tsx b/apps/vr-tests-react-components/src/stories/Tooltip.stories.tsx
@@ -79,6 +79,20 @@ storiesOf('Tooltip Converged', module)
         <button>Target</button>
       </Tooltip>
     </div>
+  ))
+  .addStory('overflow-wrap', () => (
+    <div className={useStyles().wrapper}>
+      <Tooltip visible content="Thistooltiptextislongenoughtobebrokenintoanewline" relationship="description">
+        <button>Target</button>
+      </Tooltip>
+    </div>
+  ))
+  .addStory('overflow-wrap withArrow', () => (
+    <div className={useStyles().wrapper}>
+      <Tooltip visible withArrow content="Thistooltiptextislongenoughtobebrokenintoanewline" relationship="description">
+        <button>Target</button>
+      </Tooltip>
+    </div>
   ));
 
 const TooltipPositioning: React.FC = () => {

diff --git a/change/@fluentui-react-tooltip-0c7f8278-85ad-44f1-82b3-8048cf63b2e7.json b/change/@fluentui-react-tooltip-0c7f8278-85ad-44f1-82b3-8048cf63b2e7.json
@@ -1,6 +1,6 @@
 {
   "type": "patch",
-  "comment": "patch: updated styles for tooltip",
+  "comment": "fix: added overflowWrap to make sure content does not exceed the tooltip container and added vr test for the same",
   "packageName": "@fluentui/react-tooltip",
   "email": "kakrookaran@gmail.com",
   "dependentChangeType": "patch"