Sombra de la caja de errores - tampoco funciona en la demo
Desafortunadamente, esto se debe al analizador CSS del navegador, que reorganiza el orden de los valores de las sombras de caja, así que si importas tus plantillas desde HTML no podemos hacer nada hasta que podamos usar analizadores CSS personalizados (cierro esto en favor del #1079), pero si creas plantillas desde el...
Lee la respuesta completa abajo ↓Pregunta
Me he dado cuenta de esto demasiado tarde, unos días después de terminar mi proyecto. Quiero llorar :(
Para reproducir los pasos:
1- Ve a la demo y selecciona cualquier bloque de "carta" (cualquiera de los bloques bajo ### Flex es el nuevo título negro). Asegúrate de seleccionar la clase principal (.card)
2- Mientras lo selecciones, automáticamente pierden la sombra de su caja de estado normal (los valores se buguean tras la selección).
3- Ahora cambia a estado de hover, también perderán su sombra (de nuevo valores bugueados)
Esto ocurre con cualquier diseño cuando guardas/abres o cuando recargas la página en el diseño actual.
¿Alguna solución alternativa? No me gustaría eliminar toda la propiedad de sombra de caja de mi proyecto.
¡Muchas gracias!
Respuestas (3)
Desafortunadamente, esto se debe al analizador CSS del navegador, que reorganiza el orden de los valores de las sombras de caja, así que si importas tus plantillas desde HTML no podemos hacer nada hasta que podamos usar analizadores CSS personalizados (cierro esto en favor del #1079), pero si creas plantillas desde el editor y las almacenas correctamente, debería estar bien
¡Gracias@artf
¿Hay alguna pista de qué parte del código "explota" los atributos del analizador del navegador para rellenar propiedades complejas del gestor de estilos? (ocurre cuando abres el gestor de estilo)
Me encantaría saber dónde transformas esto:
box-shadow:10px 10px 5px 10px negro ;
A esto:
Posición X: 10px;
Posición Y: 10px;
Desenfoque: 5px;
Spread: 10px;
Color: negro;
Eso me permitiría detectar e intentar corregir este error. Desafortunadamente, con mi última entrada actual de grapesjs, el borde de sombra de caja sigue ocurriendo incluso si creas las plantillas en el editor.
¡Gracias!Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1113
[PREGUNTAS] ¿El nuevo tipo de rasgo no funciona con los componentes renderizados?
Hola, gracias por el excelente marco. Estoy intentando aplicar esto a mi proyecto. Quiero añadir un nuevo rasgo para el componente existent...
Issue #530
Los elementos ocultos a través del gestor de capas ya no pueden recuperarse tras guardar el contenido.
Pasos para reproducirse en http://grapesjs.com/demo.html :Haz clic en el Administrador de Capas.Ocultar cualquier capa, por ejemplo: el enc...
Issue #1673
[Descendencia] Grapesjs no funciona cuando se usa con dispositivos móviles (iphone, ipad)
Primero, gracias por crear este increíble marco @artf. He integrado este framework con mi proyecto y quiero que se utilice a través de disp...
Issue #1623
Mismo diseño para todos los bloques
Hola @artf, esto en realidad no es un error, pero me gustaría preguntar Si existe algo como el diseño global para cada bloque. por ejemplo,...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.