Primero móvil: Problema con el orden de consultas de medios
Consulta los cambios aquí https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74
Lee la respuesta completa abajo ↓Pregunta
- ¿Estás usando la última versión (las versiones anteriores NO están soportadas)?
- 0.14.61
- ¿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'
- 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)
- ¿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)
Consulta los cambios aquí https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74
Parece legítimo. Lo añadiré en la próxima edición
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.
Issue #1758
No se puede cargar en una cadena CSS con caracteres como '#' con setStyle()
Estás enviando un BUG¿Estás usando la última versión (las versiones anteriores NO están soportadas)?Si no estás seguro, escribe 'grapesjs.v...
Issue #2272
[BUG] el componente 'textable' desaparece con RTE personalizado
¿Estás usando la última versión (las versiones anteriores NO están soportadas)? Sí¿Te enfrentas al problema con tu copia local de GrapesJS...
Issue #2469
[BUG] Añadir botones a la barra de herramientas RTE en la app React hace que los botones se dupliquen.
¿Estás usando la última versión (las versiones anteriores NO están soportadas)? SÍ, 0.15.9¿Te estás encontrando con el problema de tu copia...
Issue #2722
[BUG] Resaltado y barra de herramientas mal posicionados en el desplazamiento exterior
¿Estás usando la última versión (las versiones antiguas NO están soportadas)? Sí ¿Te enfrentas al error con tu copia local de GrapesJS o co...
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.