Make WordPress Core

Opened 3 years ago

Last modified 3 years ago

#52741 new defect (bug)

Video embeds (YouTube and Wistia) do not show on page.

Reported by: kevinwoodfield's profile kevinwoodfield Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.6.2
Component: Editor Keywords: reporter-feedback
Focuses: css Cc:

Description

When adding a Wistia video embed using the Gutenberg editor's "embed" block the video embed does not show in the page. Upon inspection of the DOM, I noticed that if you toggle the .wp-block-embedwrapper from position: relative to off the video shows.

The offending CSS style is located "/wp-includes/css/dist/block-library/style.css" on line: 502. I've simply deleted this style and the embed seems to work again without any issues across browsers and devices.

To reproduce the issue, create a new post and add an embed block in between a heading and above a paragraph. Paste in a Wisitia video link and save.

Change History (3)

#1 @kevinwoodfield
3 years ago

Note: upon updating to 5.7 the offending CSS issue is on line: 705.

#2 @desrosj
3 years ago

  • Component changed from Embeds to Editor
  • Keywords reporter-feedback added

@kevinwoodfield Thanks for this ticket, and welcome to Trac!

Would you be able to provide a few Wistia video links to test this out with? I've done some searching, but I haven't been able to figure out how to find a Wistia video link.

This will need to be reported upstream on the Gutenberg GitHub repository, as it will need to be fixed there before it can be fixed in WordPress Core, but including some test links would help open a more detailed report for the team there. I'm happy to handle that for you, but if you have a GitHub account and you'd like to do that yourself, feel free!

This ticket was mentioned in Slack in #core-css by ryelle. View the logs.


3 years ago

Note: See TracTickets for help on using tickets.