Fix useDateSegment null ref error #6988 (#6989)

teemuandersen · Teemu Andersèn · snowystinger · web-flow · commit 53413afb0fe2 · 2024-09-19T16:30:53.000-07:00
Co-authored-by: Teemu Andersèn &lt;teemu.andersen@poppankki.fi&gt;
Co-authored-by: Robert Snow &lt;rsnow@adobe.com&gt;
Co-authored-by: Reid Barber &lt;reid@reidbarber.com&gt;
Co-authored-by: Daniel Lu &lt;dl1644@gmail.com&gt;
diff --git a/packages/@react-aria/datepicker/src/useDateSegment.ts b/packages/@react-aria/datepicker/src/useDateSegment.ts
@@ -275,7 +275,7 @@ export function useDateSegment(segment: DateSegment, state: DateFieldState, ref:
     // Otherwise, when tapping on a segment in Android Chrome and then entering text,
     // composition events will be fired that break the DOM structure and crash the page.
     let selection = window.getSelection();
-    if (ref.current.contains(selection.anchorNode)) {
+    if (ref.current && ref.current.contains(selection.anchorNode)) {
       selection.collapse(ref.current);
     }
   });

Original file line number	Diff line number	Diff line change
`@@ -275,7 +275,7 @@ export function useDateSegment(segment: DateSegment, state: DateFieldState, ref:`
`275`	`275`	`// Otherwise, when tapping on a segment in Android Chrome and then entering text,`
`276`	`276`	`// composition events will be fired that break the DOM structure and crash the page.`
`277`	`277`	`let selection = window.getSelection();`
`278`		`- if (ref.current.contains(selection.anchorNode)) {`
	`278`	`+ if (ref.current && ref.current.contains(selection.anchorNode)) {`
`279`	`279`	`selection.collapse(ref.current);`
`280`	`280`	`}`
`281`	`281`	`});`