Flex Property no funciona en el gestor de estilo

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 no funciona en el gestor de estilo

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é…

Nombre de la clase CSS con '/' convertido a '-'

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Messaging on gjs.market: talk to a studio before you buy, not after

GrapesJS DevTools: A Developer Panel Inside Your Editor

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Explorar categorías de plugins