scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/SW-1513-enter-details-scroll-issue (pull request #1433)

Browse Source 
feat:enterdetails - fixed scroll achoring issue #sw-1513

* feat:enterdetails - fixed scroll achoring issue #sw-1513


Approved-by: Niclas Edenvin
This commit is contained in:
Linus Flood
2025-02-27 09:49:18 +00:00
parent f885760608
commit 58b2957b81
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/scandic-web/components/HotelReservation/EnterDetails/SectionAccordion/index.tsx
View File

@@ -81,14 +81,26 @@ export default function SectionAccordion({
// finish, else the height calculations will not be correct and the scroll position // finish, else the height calculations will not be correct and the scroll position
// will be off. // will be off.
if (shouldBeOpen) { if (shouldBeOpen) {
setTimeout(() => { const handleTransitionEnd = () => {
if (accordionRef.current) { if (accordionRef.current) {
window.scrollTo({ window.scrollTo({
top: accordionRef.current.offsetTop - stickyPosition.getTopOffset(), top: accordionRef.current.offsetTop - stickyPosition.getTopOffset(),
behavior: "smooth", behavior: "smooth",
}) })
} }
}, 250) accordionRef.current?.removeEventListener(
"transitionend",
handleTransitionEnd
)
}
if (accordionRef.current) {
accordionRef.current.addEventListener(
"transitionend",
handleTransitionEnd,
{ once: true }
)
}
} }
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [currentRoomIndex, roomIndex, roomStatus.currentStep, setIsOpen, step]) }, [currentRoomIndex, roomIndex, roomStatus.currentStep, setIsOpen, step])