Flex Property not working in style manager

Question

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 1.34.81 Chromium: 97.0.4692.99 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Describe el bicho ! Propiedad Flexible ¿Cómo reproducir el bicho?crear un componente de tipo personalizadoColocar el componente en el lienzoConfigura la propiedad de visualización en flex en el gestor de estilos. ¿Cuál es el comportamiento esperado? Debería...

Vac1911 · Accepted Answer

Diagnosticé el problema tras encontrar el mismo problema por mi cuenta. Mirando 'StyleManager.select()' https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/index.js#L339-L395 En la línea 369, cada propiedad se recorre para comprobar su visibilidad para el nuevo objetivo. Sin embargo, la función 'checkVisibility' no accede al valor actual mirando los estilos del objetivo. En su lugar, busca el valor actual almacenado en el modelo de propiedad. (fuente...

saudAtIrisdame · Answer

@Vac1911 @artf Lo entiendo, pero ¿cuál es la solución, cómo puedo solucionar este problema? ¿Es este problema de Grapejs o mío?

Vac1911 · Answer

@saudAtIrisdame Parece que es un problema de Grapejs. Lo arreglé yo mismo cambiando el código fuente, reordenando el método 'select' para comprobar la visibilidad al final. Aquí está el archivo dist después de ejecutar 'build:js' https://gist.github.com/Vac1911/4c89f2a48809bee5fefd2d21525d37ad '''js select(target, opts = {}) { const { em } = esto; const trgs = isArray(objetivo) ? objetivo: [objetivo]; const { stylable } = opts; const cssc = em.get("CssComposer"); Sea los objetivos = []; trgs.fi...

Flex Property not working in style manager

Pregunta

Respuestas (4)

Preguntas y respuestas relacionadas

Los estilos de componentes personalizados no se aplican tras la eliminación y la re-suma

Textnode con contenido "null" se representa como "null", no como espacio en blanco

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué…

Css class name with '/' converted to '-'

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Introducing Search on GJS.Market

Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026

¿Cuánto cuesta construir un creador de páginas SaaS en 2026?

Explorar categorías de plugins