6.3 Beta (RC1) – Div Margin outputting actual 0 values

Beta
#1

This was a bit unexpected. It appears when setting a value on one of the Margins in a Div contained within a section, it’s outputting the 0 values and shifting the layout. (Whereas, typically the 0 values in CS are ignored altogether – right?)

Anyway, here’s the hierarchy.

Section
* Div
** Text
** Text

The Div has the following settings changed from default:

  • Global Container: True
  • Flexbox : True
  • Direction: Row
  • Wrap: Off
  • Vertical: Baseline
  • Margine: True
  • Margin Link Sides: OFF
  • Margin Bottom: 1em
  • Margin Top, Right, Left: 0em

You can see it pinned to the 0 value to the left of the screen here.

image
image2498×334 28.9 KB

image
image634×526 17.3 KB

image

All core styling lost after updating to 6.2.9
#2

After fixing that other Global CSS issue, I tried this again – and it is still “not working” as described above.

#3

Tried it in the Playground too. Same issue.

image
image3024×1070 245 KB

#4

Okay I’ve had some time to look into this more. I appreciate the notes on this one.

So when the Global Container is checked, the container uses “auto” for 0px just not when you change a value. I can create this issue with an empty div with just Global Container on. At least from looking at a Pro5 site without this issue, that’s what it was doing. I’ve got a fix in place that just needs to work with breakpoints, but hoping to finish this next week. I might place this filter that fixes it on the Playground to test too. Thanks, have a great day!

#5

Awesome sauce. Thanks @charlie - have a spectacular day yourself.

1 Like