Wordpress-ios: Editor: Gallery layout broken on Gutenberg posts

[loremattei]

From a TestFlight user feedback:

• Start a post on web, using GB as the editor;
• Add a gallery with 4 images;
• Edit the post on WPiOS;
• Save it

The layout of the post is broken, with the images no longer visible.

[hypest]

Edit the post on WPiOS;

Can we expand a bit on what/how exactly gets edited? Thanks!

[koke]

Just open the post and save. The images are still visible, but the captions on each image get split into a different li element and rendered as blank gallery images with a caption

[koke]

@diegoreymendez has anything landed recently that could cause this?

[diegoreymendez]

Nothing that I am aware of.

[etoledom]

I'm trying to reproduce the issue without success.
What version of WPiOS and Gutenberg are you using? @loremattei @koke

I'm on WPiOS 11.1, Gutenberg web v4.1.1 (.com atomic site)

I did notice two interesting details, that might (or might not) be related.

The first one, just by creating and publishing the gallery, I see this behavior on web (without intervention from the mobile app):

https://etoledomatomicsite01.blog/2018/10/29/gallery/

---

The second one is more interesting, and related to Aztec. When I edit adding a paragraph after the gallery, it adds it as another gallery block:

And back to the web side, it's not recognized:

[koke]

Make sure at least one of the images has a caption set

[etoledom]

Thank you @koke !
That triggered some more weird behavior that is definitely breaking Gutenberg web. But still I don't see the images disappearing.

I also tested with other themes, thinking that it might be related to themes too, but no luck there either.

This is what I see:

Just after publishing from Gutenberg web

After saving from WPiOS:

Also tested adding caption to all the images:

For now I will investigate this one. If it's not exactly the same issue, at least it seems to be related. (There's something wrong saving galleries).

[koke]

That matches what I saw, I didn't have any missing images

[loremattei]

This is very close to the behaviour I got while trying to reproduce the issue, with the difference that, for some reasons, the gallery size in my test didn't grew, so I started with 4 images and then I had only the first two, because the other two slots were used by the captions.
I didn't look at the code, so I don't know what happened exactly. I'll try to redo it again, since I messed up the test post while looking at other reports.

Anyway, this is the original message:

If you use Gutenberg as the Editor and you use the Wordpress own Galleries, WP4iOS destroys them. E.g. You get insted of the 4 pictures, you need the place for 8, behause the Titel/Caption standa besite the pictures.

so I think that the reported issue is the one @etoledom is reproducing.