fix(tree): restore wrapping in tree-item text content (#6518)

**Related Issue:** #6512 ## Summary Updates styles to restore text wrapping. Thanks @nwhittaker for the fix suggestion!
Esri · Feb 28, 2023 · 7b95194 · 7b95194
1 parent ece1bed
commit 7b95194
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/tree-item/tree-item.scss b/src/components/tree-item/tree-item.scss
@@ -152,7 +152,7 @@
 }
 
 .node-container {
-  @apply relative flex items-center;
+  @apply relative flex items-center min-w-0;
 
   .checkmark,
   .bullet-point {

diff --git a/src/components/tree/tree.stories.ts b/src/components/tree/tree.stories.ts
@@ -212,6 +212,14 @@ export const iconStartAndActionsEnd = (): string => html`
   </div>
 `;
 
+export const treeItemTextContentWraps_TestOnly = (): string => html`
+  <calcite-tree style="width: 300px">
+    <calcite-tree-item>
+      <span>Possibly_long_tree_item_name_because_it_is_a_user_generated_layer_name</span>
+    </calcite-tree-item>
+  </calcite-tree>
+`;
+
 export const treeItemContentIsNotClipped_TestOnly = (): string => html`
   <style>
     .string-value {