From 7f62b447565ed1c477b4ff85247b96b118407295 Mon Sep 17 00:00:00 2001
From: josefin ferrada <jferrada@eclass.cl>
Date: Wed, 15 Apr 2026 10:33:08 -0400
Subject: [PATCH] fix(drodpdown): ocultamos tambien el footer cuando se abre en
 movil

---
 .../User/Dropdown/hooks/useHideBackgroundOnMobile.ts   | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts b/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts
index 4aa6658e..2fc67e0e 100644
--- a/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts
+++ b/src/organisms/User/Dropdown/hooks/useHideBackgroundOnMobile.ts
@@ -27,6 +27,11 @@ export const useHideBackgroundOnMobile = (isOpen: boolean): boolean => {
     if (viewContainer) {
       // Caso v8: se usa el ID del contenedor principal
       viewContainer.style.display = isOpen ? 'none' : ''
+      const footer = document.getElementById('Footer')
+
+      if (footer) {
+        footer.style.display = isOpen ? 'none' : ''
+      }
     } else {
       // Caso CV: lógica de respaldo buscando elementos en .main
       const mainElement = document.querySelector('.main')
@@ -48,8 +53,13 @@ export const useHideBackgroundOnMobile = (isOpen: boolean): boolean => {
     return () => {
       document.body.style.overflow = ''
       const viewContainer = document.getElementById('ViewContainer')
+
       if (viewContainer) {
         viewContainer.style.display = ''
+        const footer = document.getElementById('Footer')
+        if (footer) {
+          footer.style.display = ''
+        }
       } else {
         const mainElement = document.querySelector('.main')
         if (mainElement) {