# Superposición oscura cubre toda la página del sitio

**URL:** <https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409>\
**Category:** Bug\
**Tags:** mobile, search-banner\
**Created:** [21 Diciembre, 2023 15:36 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409 "2023-12-21T15:36:08Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)\
**Post date:** [21 Diciembre, 2023 15:36 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409/1 "2023-12-21T15:36:08Z")

</div>

Hola, cuando uso mi teléfono móvil y hago clic en el campo de búsqueda, aparece una superposición oscura sobre toda la página del sitio y no puedo navegar por el sitio, ya que no hay forma de cerrarla a menos que recargue la página web de forma forzada. ¿Hay alguna solución para esto?

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [4 Enero, 2024 16:51 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409/2 "2024-01-04T16:51:54Z")

</div>

¿Puedes compartir más detalles? Quizás una captura de pantalla y la versión del navegador que estás usando… esto es lo que veo al buscar:

 ![Screenshot 2024-01-04 at 11.50.58 AM](https://global.discourse-cdn.com/meta/original/4X/b/7/a/b7aff9daf34c071c74a15a2222ef3869b6c6968b.png)

---

<div class="post-metadata">

**Author:** ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)\
**Post date:** [4 Enero, 2024 23:33 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409/3 "2024-01-04T23:33:25Z")

</div>

![Screenshot_20240104_135609_Firefox](https://global.discourse-cdn.com/meta/original/4X/d/a/0/da02d2b9683b7e45e9eb452c5a547c1cb7bca30f.jpeg)  
 ![Screenshot_20240104_135538_Firefox](https://global.discourse-cdn.com/meta/original/4X/c/1/c/c1c807a9955b8b03a50a09bc88e91d855be6db46.jpeg)

En las imágenes, la superposición negra aparece al escribir y, después de escribir, la pantalla no se puede usar hasta que se recarga completamente el navegador.

Esto sucede en mi sitio, pero también aquí en meta.

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [4 Enero, 2024 23:48 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409/4 "2024-01-04T23:48:44Z")

</div>

Yo también puedo reproducirlo.

Relacionado con  
 ![image](https://global.discourse-cdn.com/meta/original/4X/4/f/9/4f9eaa79a14777f5813cf9f87ac5aadc8c952e5c.png)

---

<div class="post-metadata">

**Author:** ![isaac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/isaac/32/235758_2.png) [@isaac](https://meta.discourse.org/u/isaac)\
**Post date:** [8 Enero, 2024 21:53 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409/5 "2024-01-08T21:53:59Z")

</div>

¡Gracias @digitaldominica por el informe! Esto se solucionará en

> <https://github.com/discourse/discourse-search-banner/pull/49>
>
> Raised in https://meta.discourse.org/t/search-banner/122939/109?u=isaac
> 
> \> a d…ark overlay comes over the entire site page and i’m unable to navigate the site
> 
> Force the search menu to always render as a dropdown and don't apply the \`slide out\` styling (dark overlay).
> 
> \# Before
> 
> https://github.com/discourse/discourse-search-banner/assets/50783505/17a5009b-d0c5-40c8-95a5-b00a0685970c
> 
> 
> \# After
> 
> https://github.com/discourse/discourse-search-banner/assets/50783505/4962728f-759b-41bc-af49-6bdc5fe209f7

---

<div class="post-metadata">

**Author:** ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)\
**Post date:** [9 Enero, 2024 03:33 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409/6 "2024-01-09T03:33:51Z")

</div>

No hay problema, gracias por enviar la corrección.

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [12 Enero, 2024 09:04 UTC](https://meta.discourse.org/t/dark-overlay-covers-the-entire-site-page/291409/7 "2024-01-12T09:04:55Z")

</div>


