From 94f97dffa994f916363e4d8309f7c4ab5d44e8db Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Tue, 19 Nov 2024 09:50:08 +0100
Subject: [PATCH 1/2] fix(SW-565): Fixed that tooltip doesn't block anything.

---
 components/GuestsRoomsPicker/Form.tsx                  | 4 ++--
 components/TempDesignSystem/Tooltip/index.tsx          | 1 +
 components/TempDesignSystem/Tooltip/tooltip.module.css | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/GuestsRoomsPicker/Form.tsx b/components/GuestsRoomsPicker/Form.tsx
index 01ded876a..062347761 100644
--- a/components/GuestsRoomsPicker/Form.tsx
+++ b/components/GuestsRoomsPicker/Form.tsx
@@ -99,7 +99,7 @@ export default function GuestsRoomsPickerDialog({
             <Tooltip
               heading={disabledBookingOptionsHeader}
               text={disabledBookingOptionsText}
-              position="top"
+              position="bottom"
               arrow="left"
             >
               {rooms.length < 4 ? (
@@ -124,7 +124,7 @@ export default function GuestsRoomsPickerDialog({
           <Tooltip
             heading={disabledBookingOptionsHeader}
             text={disabledBookingOptionsText}
-            position="top"
+            position="bottom"
             arrow="left"
           >
             {rooms.length < 4 ? (
diff --git a/components/TempDesignSystem/Tooltip/index.tsx b/components/TempDesignSystem/Tooltip/index.tsx
index 033fc9a04..d73252161 100644
--- a/components/TempDesignSystem/Tooltip/index.tsx
+++ b/components/TempDesignSystem/Tooltip/index.tsx
@@ -28,6 +28,7 @@ export function Tooltip<P extends TooltipPosition>({
       role="tooltip"
       aria-label={text}
       onClick={handleToggle}
+      onTouchStart={handleToggle}
       data-active={isActive}
     >
       <div className={className}>
diff --git a/components/TempDesignSystem/Tooltip/tooltip.module.css b/components/TempDesignSystem/Tooltip/tooltip.module.css
index e25433f7c..b0ae8cf4f 100644
--- a/components/TempDesignSystem/Tooltip/tooltip.module.css
+++ b/components/TempDesignSystem/Tooltip/tooltip.module.css
@@ -16,6 +16,7 @@
   transition: opacity 0.3s;
   max-width: 200px;
   min-width: 150px;
+  height: fit-content;
 }
 
 .tooltipContainer:hover .tooltip {

From ebbdecf8d8cb92c7d042d6c9b8d5d2dad001c993 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Tue, 19 Nov 2024 10:34:21 +0100
Subject: [PATCH 2/2] fix(SW-565) fix select hight to see its scrollable

---
 .../GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx b/components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx
index 8252f2d2a..b39821483 100644
--- a/components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx
+++ b/components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx
@@ -94,7 +94,7 @@ export default function ChildInfoSelector({
               updateSelectedAge(key as number)
             }}
             placeholder={ageLabel}
-            maxHeight={150}
+            maxHeight={180}
             {...register(ageFieldName, {
               required: true,
             })}