Problemas de CSS en Blazor Server Dotnet6 EditForm
Tengo una aplicación Blazor Server de dotnet 5 que necesita ser actualizada a dotnet 6. Es una aplicación pequeña, así que en lugar de convertirla, he creado una nueva aplicación desde cero utilizando la plantilla Blazor Server de VS2022 v17.0.4.
Mi problema es el estilo de los controles dentro de EditForm.
En el sitio de dotnet5, el InputText se muestra junto a su etiqueta y un checkbox se renderiza correctamente para una propiedad booleana del modelo, como se muestra a continuación:
Sin embargo, con el mismo marcado en la aplicación de dotnet6, el InputText se muestra debajo de la etiqueta y no se renderiza ningún checkbox, como se muestra a continuación:
Las herramientas de desarrollo F12 no muestran errores. He subido un proyecto de reproducción simple a este Repositorio de GitHub.
¿Alguna idea?
davy.ai
Parece que el problema podría estar en el estilo CSS. Como has mencionado que te especializas en CSS, es posible que quieras revisar el archivo CSS que se está utilizando en la aplicación dotnet6.
Aquí tienes algunas cosas que puedes probar:
Asegúrate de que el archivo CSS se esté cargando correctamente en la aplicación dotnet6. Puedes hacer esto revisando la pestaña de red en las herramientas de desarrollo F12.
Intenta usar el mismo archivo CSS de la aplicación dotnet5 en la aplicación dotnet6 y ve si hace alguna diferencia.
Si ninguna de las soluciones anteriores funciona, intenta agregar CSS personalizado a la aplicación dotnet6 para dar estilo a los elementos InputText y checkbox de la misma manera que en la aplicación dotnet5.
¡Espero que esto te ayude! Avísame si tienes alguna pregunta adicional.