From 7090443c121e52cc436b38deaebaf4e118371f8a Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Fri, 9 Dec 2022 14:07:54 +0000
Subject: [PATCH] prevent bug where selecting a relative range wouldn't apply
 if the absolute ranges were expanded

---
 .../src/components/DateTimePickers/TimeRangePicker.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx
index 129e9a3a2c1..0f9b89da1c2 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx
@@ -127,8 +127,8 @@ export function TimeRangePicker(props: TimeRangePickerProps) {
       {isOpen && (
         <>
           <div role="presentation" className={cx(modalBackdrop, styles.backdrop)} {...underlayProps} />
-          <section className={styles.content} ref={ref} {...overlayProps} {...dialogProps}>
-            <FocusScope contain autoFocus>
+          <FocusScope contain autoFocus>
+            <section className={styles.content} ref={ref} {...overlayProps} {...dialogProps}>
               <TimePickerContent
                 timeZone={timeZone}
                 fiscalYearStartMonth={fiscalYearStartMonth}
@@ -142,8 +142,8 @@ export function TimeRangePicker(props: TimeRangePickerProps) {
                 onChangeFiscalYearStartMonth={onChangeFiscalYearStartMonth}
                 hideQuickRanges={hideQuickRanges}
               />
-            </FocusScope>
-          </section>
+            </section>
+          </FocusScope>
         </>
       )}