Layout Grid: column vertical alignment doesn't work in preview

[zaguiini]

It works fine on the live site. However, preview always displays the column's contents at the top, vertically speaking.

Preview	Live site

Notice how the center alignment option is selected in the Column block.

[jasmussen]

Thanks for the ticket! Do you have additional steps to reproduce? I'm seeing the correct alignment both in the editor and the frontend:

[zaguiini]

Interesting. It might be Dotcom specific, then?

Or, it might be related to possibly outdated block pattern markup? I'll need to check.

[zaguiini]

It might be Dotcom specific, then?

It is. I'm able to reproduce the problem there. Can you please try it as well, @jasmussen?

[jasmussen]

In a quick test, it worked fine. Which theme are you testing with?

[zaguiini]

Quadrat. How are you testing it?

My instructions:

1. Add Layout Grid;
2. Add Image to the first column;
3. Add Paragraph to the second column;
4. Try to vertically align the second column.

I'll try on core WP again.

[jasmussen]

Testing with the same steps:

[zaguiini]

LOL, I'm questioning my own sanity at this point 😄

This is what I get on Core WP:

[jasmussen]

This is the quadrat theme customized white? I'll take a look again. Theme and other plugins are important too, as sometimes their css can bleed into other blocks.

[zaguiini]

This time it was TT2, not Quadrat. Sorry for not making it explicit.

[jasmussen]

I can reproduce in the site editor, not in the post editor. Taking a look.

[jasmussen]

Very curious. The markup and CSS appears to be mostly the same, but I can indeed reproduce the issue here. I'll take a stab at fixing this tomorrow. Thanks for the report!

[zaguiini]

Oh, so that was the missing bit! My bad, I'm so used at working on the FSE that I forgot there's more than that 😓

[jasmussen]

There really shouldn't be, but for the near future, the site editor is iframed and the post editor is not. I would hope we can iframe both, so the target should be more uniform.