Missing "Rows gap" option for code components with "Vertical stack" style
donalffons opened this issue · 3 comments
When I add a "Vertical stack" element in Plasmic studio, I have the usual option for "Rows gap":
This is what I want.
However, with any code component (created via PLASMIC.registerComponent and styleSections: true), the option is missing.
My current work-around is to change the layout to "Document layout"...
...then set a value for "Gap" there...
...and then revert back to "Vertical stack"...
...which preserves the "Gap" value in my component's styles - although it is now invisible.
I think it would be great if a "Gap" field would be available in this case.
PS: Loving the progress you've been making on Plasmic 🙂.
Wow, that is a crazy ninja workaround! Kudos on finding that.
Yes, we really should allow standard flex Gap here...
Normally we polyfill flex Gap because it's still not quite as widely compatible with some mobile Safari versions that are still in significant numbers. But we can't do this for code components because these are arbitrary user supplied components. But we should probably just allow it anyway, and possibly provide warnings about it that you can dismiss.
Actually we just pushed an update to enable setting flex gap on code components! It will be the css-only, non-polyfilled variety.
Thanks a lot!