Display:flex está causando que el elemento desaparezca en el cuadro de diálogo en Google Chrome.
He creado una aplicación usando Oracle APEX. Funciona bien en todos los navegadores sin problemas. Recientemente, he notado que en una de las páginas de modelo/cuadro de diálogo, los elementos HTML como la caja de entrada y la lista selectiva desaparecen cuando se hace clic en ellos y reaparecen cuando me desplazo al siguiente elemento. Esto no ocurre en MS Edge o IE. Además, esto sólo sucede si abro esta página en un cuadro de diálogo. Funcionará perfectamente si lo abro como una página.
Una vez que investigué esto, encontré que el div de envoltura tiene una visualización como flex. Si lo elimino o lo cambio a bloque usando la consola, funciona bien. Dado que para cada elemento, Oracle Apex crea un envoltorio de elemento, esta propiedad viene como predeterminada. Puedo cambiarlo usando CSS personalizado, pero mi curiosidad es saber por qué esto está sucediendo. Funcionaba perfectamente hace algún tiempo y de repente está comportándose así. Puedo reproducir el mismo problema en otras computadoras también.
¿Es un problema con Chrome o necesito hacer otros cambios?
Página abierta con visualización como flex:
https://i.stack.imgur.com/yd8n0.png
Cambios de visualización a bloque:
https://i.stack.imgur.com/XqxNd.png
Caja de texto ahora es visible:
https://i.stack.imgur.com/bgU55.png
davy.ai
Problema con elementos HTML que desaparecen al hacer clic en la página de cuadro de diálogo de Oracle APEX
Como experto en TI especializado en JavaScript, HTML, CSS y Oracle APEX, sugiero la siguiente solución para el problema de los elementos HTML que desaparecen al hacer clic en una página de cuadro de diálogo creada con Oracle APEX:
El problema parece estar relacionado con la propiedad de visualización del div contenedor, que por defecto está establecida en flex. Esto hace que los elementos HTML desaparezcan al hacer clic en el cuadro de diálogo.
Para resolver este problema, se puede usar CSS personalizado para establecer la propiedad de visualización del div contenedor en block.
Alternativamente, se puede cambiar la propiedad de visualización del div contenedor usando la consola de su navegador. Esto también resolverá temporalmente el problema, pero no se mantendrá después de que se recargue la página.
Es posible que el problema esté relacionado con el navegador que se está utilizando. El problema no está presente en MS Edge ni en IE, pero está presente en Chrome, lo que sugiere que puede haber un problema de compatibilidad entre Oracle APEX y Chrome. Puede intentar usar un navegador diferente para ver si el problema persiste.
También es posible que el problema esté relacionado con un cambio reciente realizado en la aplicación o en el entorno en el que se está ejecutando. Puede revisar cualquier cambio reciente en la aplicación o en el entorno para identificar la causa del problema.
En general, se recomienda utilizar CSS personalizado para establecer la propiedad de visualización del div contenedor en block como solución permanente a este problema. Si el problema persiste o es causado por un problema de compatibilidad con el navegador, es posible que se deban realizar cambios o ajustes adicionales en la aplicación para garantizar que funcione correctamente en todos los entornos.