Issue #1996💬 RespondidoAbierto el 2 de mayo de 2019por prosenjit-mannaReacciones 0

Primero móvil: Problema con el orden de consultas de medios

Respuesta rápidapor prosenjit-manna

Consulta los cambios aquí https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74

Lee la respuesta completa abajo ↓

Pregunta

  1. ¿Estás usando la última versión (las versiones anteriores NO están soportadas)?
    • 0.14.61
  2. ¿Te enfrentas al problema con tu copia local de GrapesJS o con la demo actual? - Estoy enfrentando el problema tanto con el local como con el 'https://unpkg.com/grapesjs'
  3. El problema es el orden de consultas de medios para móviles primero. Con la versión actual, el estado de ordenación de las consultas de medios es
@media (ancho mínimo: 1367px)
@media (ancho mínimo: 1024px)
@media (ancho mínimo: 320px)
  1. ¿Cuál es el comportamiento esperado?
@media (ancho mínimo: 320px)
@media (ancho mínimo: 1024px)
@media (ancho mínimo: 1367px)

Intenté arreglar la orden correcta.

sortMediaObject: function sortMediaObject() {
 ...
   si (a.key.includes('min-width') & & b.key.includes('min-width')) {
       return _this4.getQueryLength(a.key) - _this4.getQueryLength(b.key);
     } else {
      return _this4.getQueryLength(b.key) - _this4.getQueryLength(a.key);
     }
...
}

¿Es una buena solución? Si es así, por favor incluye esto.

Respuestas (3)

artf11 de mayo de 2019

Parece legítimo. Lo añadiré en la próxima edición

Palash-Mandal13 de julio de 2022

Hola @artf @prosenjit-manna, ¿Podrías ayudarme a saber que la función que solicita @prosenjit-manna está implementada en la última versión /*? grapesjs - 0.19.4 */ versión ???

He tenido problemas cuando el pedido CSS del enfoque mobile first es aleatorio.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

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.