Opened 4 years ago
Closed 4 years ago
#52130 closed defect (bug) (duplicate)
Twenty Twenty-One: Embedded HTML doesn't display correctly
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Severity: | normal | Version: | 5.6 |
| Component: | Bundled Theme | Keywords: | |
| Focuses: | ui, accessibility | Cc: |
Description
When embedding custom HTML (I use it to embed Google My Maps) into a post with the WordPress theme twenty twenty one, the map is displayed on the left edge but apart from 20px completely off screen. See attached files.
Example: https://hitchedtotravel.com/krk-best-beaches/ and scroll down to the chapter Map
Workaround: You can get it working by adding a group around the HTML block, then it displays correctly.
Attachments (3)
Change History (6)
@
4 years ago
Display of the map on the page (source: https://hitchedtotravel.com/krk-best-beaches/)
#1
@
4 years ago
- Component changed from Posts, Post Types to Bundled Theme
- Summary changed from Embedded HTML in theme twenty twenty one doesn't display correctly to Twenty Twenty-One: Embedded HTML doesn't display correctly
#3
@
4 years ago
- Milestone 5.6.1 deleted
- Resolution set to duplicate
- Status changed from new to closed
Duplicate of #52004.
Hi
This is a duplicate of https://core.trac.wordpress.org/ticket/52004
The cause is not the HTML block, but an incorrect max-width set to iframes.
HTML blocks are not aligned because they can contain anything and they do not have a wrapper element.
It is only more apparent in themes that does not use a negative margin to align the wide and full with blocks.
HTML block used in the editor