Issues with 'Date' and 'Video' blocks when using Frontend Rendering in Query blocks

[jipsa]

Description:

I have a simple query set up to get posts from a custom post type. As soon as I turn ‘Frontend Rendering’ on, a number of issues occur, only on the front end:

1. A Cwicly ‘Video’ block, which is set to source ‘Dynamic’, ‘ACF’ and ‘Current Post’, renders an empty div. When the source is set to ‘Static’, i.e. the same video for all posts, it renders fine.

2. The standard Gutenberg ‘Date’ block is not generating any HTML code on the front end at all.

3. When adding a ‘Date’ block inside a ‘Div’ block, the query stops returning posts and the console shows the following error: “Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘taxonomyterms’)” in BlockMaker-Ya5typht.js

Environment info

All software is up-to-date.

[daniel]

I have had front end rendering issues when my permalinks were not set to post name. Are your permalinks set properly?

[jipsa]

Sorry for the late reply. I got sick and then busy with other projects.
Yes, the permalinks are set to post name.

[jipsa]

The same issues are still there, after the latest software updates.

[StrangeTech]

@jipsa

A Cwicly ‘Video’ block, which is set to source ‘Dynamic’, ‘ACF’ and ‘Current Post’, renders an empty div. When the source is set to ‘Static’, i.e. the same video for all posts, it renders fine.

Hi @jipsa,

For this first point, I recommend checking the Rest API settings as per @Araminta’s message here:

Frontend Rendering Issue with ACF

Hi @kris, Sorry to hear you’re experiencing trouble with this. This sounds unusual as I cannot reproduce this error on my end. If you were not aware, to view ACF Groups with Frontend Rendering, the API REST must be enabled. To do this, either enable the “Show in REST API” setting for the desired ACF Groups or turn off the “Require ACF API REST” option in Cwicly Settings → Advanced Settings. Note that enabling the REST API for your ACF fields allows any user to query these fields when using …

[jipsa]

Great, thank you. First item solved.

[StrangeTech]

For the other 2 items, perhaps use a Cwicly Paragraph block instead of a Date block and then use the dynamic content to insert the post date.

This should solve the issue.

[jipsa]

EDIT: that works for issues 2 and 3. Thanks!

I just noticed a new issue, which might be a bug, or a limitation of front end rendering.

4. I am showing the terms for each post using a Taxonomy Terms block. To be able to set a different background color for each term, I have added a static attribute named ‘style’, which gets an ACF colorpicker value and uses this as background-color. The attribute value looks like this: background-color:{acffield=pkl_story_type_color=taxterm}

This works great, but stops working when I turn frontend rendering on. I did enable the REST API for that ACF field group as well.
Any ideas?

[StrangeTech]

@jipsa

This works great, but stops working when I turn frontend rendering on.

I don’t have time to test that right now, but from memory it may be related to this:

Dynamic tag for a group field inside of a repeater field

@Louis, just a quick follow up, without frontend rendering on, this works flawlessly. With frontend rendering on, it is coming back as [object Object]. Without frontend rendering: [Screenshot 2024-02-22 at 22.28.03] With frontend rendering: [Screenshot 2024-02-22 at 22.26.48] Show in REST API is enabled and other fields work correctly, so it is specific to these Repeater + Group fields.