Custom HTML block with googlemaps embed does not display map when added to a template

[mgozdis]

Quick summary

Following guide for Embed From Google Maps, when added to a Page Template in an FSE theme such as Assembler, the map does not display and only the shortcode text displays.

User report: 7779609-zd-a8c

Steps to reproduce

1. Create new Simple site with Assembler theme
2. Edit the Pages template and Embed a Google Map and save the template
3. Check a Page on the front end using the default Pages template and see the map is not displayed, but only the shortcode text:

What you expected to happen

The Google map should display

What actually happened

Only shortcode text is displayed

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple

Logs or notes

This was tested on a Simple site only with Assembler theme. Adding the shortcode directly to a Page instead of a Template works.

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 7779609-zen
• 8085725-zen
• 8212437-zen
• 8340778-zen
• 8347647-zen
• 8570902-zen

[rickmgithub]

Could be related to #87911

[rickmgithub]

📌 REPRODUCTION RESULTS

• Tested on Atomic – Replicated as per OP instructions

[isocialtish]

A customer report here: #7944005-hc

[syhussaini]

Another report here 8085725-zen

[devNigel]

Another case: 8212437-zd-a8c

[mdtanjid0]

8212437-zen ( needs to be followed up)

[janmckell]

Another case: 8340778-zd-a8c
Shared workaround, seen here, which works when I tested it on one of my test sites.

[caitlindawn]

Another case: 8347647-zen
Provided workaround

[CodeAllNightNDay]

This seems like it's a wider spread issue for other short codes in FSE templates.
This user is unable to get the privacy short code for WordAds to display in a Single Post template using the Zoologist theme. I don't have any WordAds enabled sites to test, but the workaround is the same here, expect the short code needs to be added to each post rather than the Single Post template.

I was able to reproduce the issue on simple sites for both Crowdsignal and Google Maps short codes, using the Zoologist theme.
8570902-zen

[arthur791004]

Confirmed that it doesn't work in the template but do work in the post/page.

[arthur791004]

It seems to be a Jetpack issue and related to jetpack_googlemaps_embed_to_short_code because it works well on the WordPress Playground

[arthur791004]

There are 2 issues that why the googlemaps embed might not work well on simple sites

• We disable some html inside the Custom HTML block and the iframe is not allowed.
• Since the iframe is not allowed, we rely on jetpack_googlemaps_embed_to_short_code to convert the googlemaps embed to shortcode to display the google maps correctly. However, the shortcode behaviour in FSE templates is disabled on simple sites. See p94tqY-tx-p2.

[arthur791004]

Follow the instruction here, p7DVsv-hsr-p2, the workaround is to convert the googlemaps embed into a template part so it can display correctly on the content of the template.

[arthur791004]

Asked p1725969458829019-slack-C4EUDHL80