From 2f1512edaa09907b882cfed0549fe071fb450ee1 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Fri, 26 Sep 2025 10:17:28 +0000
Subject: [PATCH] Merged in feat/book-395-queryselector (pull request #2870)

feat(BOOK-395): fixed error in queryselector

* feat(BOOK-395): fixed error in queryselector


Approved-by: Anton Gunnarsson
---
 .../RoomsContainer/Rooms/RoomsList/ScrollToList.tsx         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/ScrollToList.tsx b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/ScrollToList.tsx
index c854def2b..a56723287 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/ScrollToList.tsx
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/ScrollToList.tsx
@@ -28,10 +28,12 @@ export default function ScrollToList() {
     requestAnimationFrame(() => {
       const SCROLL_OFFSET = 173 // summary on mobile is 163px
 
-      const selectedRateCard: HTMLElement | null = document.querySelector(
-        `.${styles.roomList} label:has(input[type=radio]:checked)`
+      const checkedRadio = document.querySelector(
+        `.${styles.roomList} input[type="radio"]:checked`
       )
 
+      const selectedRateCard = checkedRadio?.closest("label") ?? null
+
       if (selectedRateCard) {
         const elementPosition = selectedRateCard.getBoundingClientRect().top
         const windowHeight = window.innerHeight