Dispositivos con un porcentaje de ancho no soportado
Probablemente esto esté relacionado con https://github.com/artf/grapesjs/issues/896. Supongo que la lógica debería ajustarse para manejar diferentes tipos de unidades, es decir, px, electromagnetismo, %, etc.
Lee la respuesta completa abajo ↓Pregunta
Versión: 0.14.8
Pasos para reproducir el bicho
- Utiliza el plugin grapesjs-blocks-bootstrap4.
- Utiliza el ejemplo 'index.html' ahí - Mantén los dispositivos por defecto (que incluyen uno definido como '100%')
- Añadir cualquier bloque con clases (por ejemplo, 'Contenedor')
- Haz clic en ese bloque añadido en el lienzo del editor.
- Esto da lugar a un error: 'Uncaught DOMException: Failed to execute 'querySelectorAll' en 'Element': '#gjs-css-rules-100%' no es un selector válido.'
Captura de pantalla
! error
Respuestas (2)
Probablemente esto esté relacionado con https://github.com/artf/grapesjs/issues/896. Supongo que la lógica debería ajustarse para manejar diferentes tipos de unidades, es decir, px, electromagnetismo, %, etc.
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1699
[BUG] Los elementos del enlace no son copiables ni eliminables
En el editor, si tenemos un elemento enlace con algunas clases, el editor no permite copiar o eliminar el elemento. Versión GrapesJS: v0.14...
Issue #1039
[BUG] Faltan soporte para rasgos de nombre vacío
Versión: 0.14.8 Lo marqué como un error, pero también podría entenderse como una función que faltaba. Básicamente, grapesjs-blocks-bootstra...
Issue #1108
grapesjs no está definido - Añadido con npm para una app de vue. ¿Hay algo que me esté perdiendo aquí?
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #581
Eventos relacionados con los componentes de lectura
La wiki de la API del editor lista un conjunto de eventos relacionados con componentes que pueden ser escuchados (por ejemplo, 'component:a...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.