Issue #2843💬 RespondidoAbierto el 19 de junio de 2020por abozhinovReacciones 0
more-information-needed

No se puede eliminar la propiedad de estilo en un dispositivo seleccionado

Respuesta rápidapor abozhinov

@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:

  1. Limpia todo.
  2. Arrastrar código personalizado.
  3. 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> ``` 4. Cambiar de dispositivo a tableta o móvil y seleccionar el componente. 5. En el estilo Tipografía puedes ver que la propiedad COLOR es AMARILLO y NO hay ningún icono de limpieza.

Tengo el icono X solo en el dispositivo de sobremesa, pero en móvil o tablet solo hay etiqueta amarilla.

Respuestas (3)

abozhinov• 23 de junio de 2020

@artf tienes idea de cómo puedo arreglarlo?

artf• 1 de julio de 2020

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?

abozhinov• 1 de julio de 2020

Sí, lo hago.

Fragmento de códigoTEXT
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

[BUG] 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...

2 respuestasActualizado el 29 de marzo de 2020

Issue #1047

[BUG] 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...

3 respuestasActualizado el 17 de septiembre de 2019

Issue #3048

[BUG]: 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...

2 respuestasActualizado el 19 de octubre de 2020

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...

3 respuestasActualizado el 16 de julio de 2024

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

PresetsPluginsComponentesBloquesActivosMandosI18nCapasEstilosAlmacenesRTEBoletinesPáginas webConstructores de terrenos