No se puede eliminar la propiedad de estilo en un dispositivo seleccionado
@artf tienes idea de cómo puedo arreglarlo?
Lee la respuesta completa abajo ↓Pregunta
Hola, tengo un problema al eliminar la propiedad de estilo en un dispositivo seleccionado (clearProperties: true). Puedes reproducir el problema en https://grapesjs.com/demo.html. Pasos:Limpia todo.Arrastrar código personalizado.Añadir este código de ejemplo. '''html <div id="test"> Contenido de prueba </div> <style> #test { color: rojo; } @media (ancho máximo: 767px) { #test { color: verde; } } @media (ancho máximo: 991px) { #test { color: verde; } } </style> ```Cambiar de dispositivo a tableta o móvil y seleccionar el componente.En el estilo Tipografía puedes ver que la propiedad COLOR es A...
Respuestas (3)
@artf tienes idea de cómo puedo arreglarlo?
Para que el StyleManager lea la regla de estilo adecuada, tu consulta de medios debe reflejar el mismo ancho que el dispositivo seleccionado. ¿Lo has probado?
Sí, lo hago. deviceManager: { Dispositivos: [ { nombre: 'Escritorio', Ancho: '', Prioridad: 3 }, { nombre: 'Tablet', Ancho: '768px', widthMedia: '991px', Prioridad: 2 }, { nombre: 'Mobile', Ancho: '360px', Altura: '640px', widthMedia: '767px', Prioridad: 1 }] },
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2661
ToggleStateCls devuelve el error js
Hola, chicos. He encontrado un error en el LayerManager: Tengo un comentario en html como capa en el LM. Yo hago clic en el comentario. Me...
Issue #1047
El modelo no puede cambiar después de cambiar el valor en el menú desplegable Seleccionar personalizado.
Hola, Estoy usando el enlace CDN para uvas JS de unpkg.com En mi proyecto, he usado un rasgo personalizado como menú desplegable de selecci...
Issue #3048
TypeError: No se puede leer la propiedad 'get' de indefinido
Versión: 0.16.22¿Puedes reproducir el bug de la demo? [x] Sí [ ] No¿Cuál es el comportamiento esperado? No hay errores en la consola.Descri...
Issue #3082
Vulnerabilidad XSS en la Vista previa en Directo
Versión: 0.16.22 ¿Puedes reproducir el error de la demo? [x] Sí Pasos:Haz clic en Importar HTMLInsertar '<img src="anyimagesource.gif" onlo...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.