Permitir desplazamiento del lienzo si la altura del dispositivo supera la altura disponible
Solo añade estilo 'overflow: auto' a .gjs-cv-canvas__frames
Lee la respuesta completa abajo ↓Pregunta
Dado el siguiente ejemplo de código...
editor. DeviceManager.add('test', '300px', {
Altura: '1000px',
widthMedia: '300px',
});
editor.setDevice("test");
Esto impide desplazarse hasta la parte superior del lienzo si el área de visualización del editor es inferior a la altura especificada del dispositivo.
Consulta Fiddle para una demostración...
Respuestas (3)
Solo añade estilo 'overflow: auto' a .gjs-cv-canvas__frames
Después de investigar un poco más sobre este tema, sugeriría simplemente no exceder la altura del lienzo con el dispositivo. Desafortunadamente, actualmente, hacer que cualquier parte del lienzo sea desplazable (solución sugerida por @TheDiamondKing) provocará comportamientos inesperados. Estoy trabajando en la refactorización del marco y del lienzo, así que probablemente esto se solucione de forma diferente
@artf ¿Sigue siendo cierto tu comentario? ¿Añadir 'overflow: auto' (especialmente en un lienzo de "modo diseñador" / "modo absoluto") sigue causando problemas?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2207
[BUG]: No se puede arrastrar el componente si hay espacio arriba/izquierda con Modo Absoluto
Dado el siguiente ejemplo de código... ''' html <div style="altura: 100px;"> Un poco de espacio arriba o a la izquierda </div> <div id="gjs...
Issue #3480
Cómo controlar dinámicamente la altura del editor para evitar un desplazamiento torpe
He notado que si en la función de inicialización pongo una altura, se fija en función de una cantidad específica de píxeles, por ejemplo, a...
Issue #3134
Desplázate en el lienzo hasta la parte superior de la página cuando intento arrastrar un elemento de las últimas secciones
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando intento arrastrar un com...
Issue #1031
[Pregunta] Iconos personalizados
Quiero añadir un icono personalizado al panel grapesjs en la parte superior de la página del editor. ¿Es posible hacer esto con cualquier S...
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.