-
Notifications
You must be signed in to change notification settings - Fork 4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Embed block/floated embed block audit #10440
Comments
@jasmussen is there any more work left? I see one PR merged. Can we move to 4.2? |
Yes okay to move. But would be good to do a thorough test sooner rather than later 😅 |
Call to action: audit every embed block, floated or otherwise, and verify that they are not cropped at any time.
The list of core embeds above was pulled from https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/embed/core-embeds.js |
I tested a WordPress.tv embed of https://wordpress.tv/2018/11/08/matt-mullenweg-qa-at-wordcamp-portland-2018/ using WordPress 4.9.8 and Gutenberg 4.4 Aside: I noticed that the sizes of right-aligned WordPress.tv embeds don't match in the editor versus the front-end for Twenty Nineteen (but work properly for Twenty Seventeen) so I reported that separately at WordPress/twentynineteen#610 |
Thanks for the call to action, Sheri! I've done some testing too:
|
|
I tested the ones below, and I don't see any unexpected cropping when the embeds are set to float/aligned to center.
I also noticed that the Works fine on Facebook. I can search for the ones where it doesn't work and file a ticket, as required. |
Tested Meetup.com embeds using WordPress 4.9.8 and Gutenberg 4.4 |
Did some testing :D ✅ Twitter URL: https://animoto.com/play/FQ12uazXH10WDez7vsfh2g ✅ Cloudup URL: http://www.collegehumor.com/video/40004082/the-girl-with-a-birthday-month URL: https://www.funnyordie.com/2018/11/16/18097374/depression-olympics-sketch-parody-al-madrigal URL: https://www.hulu.com/watch/771496 URL: https://www.kickstarter.com/projects/antsylabs/pixl-a-magnetic-building-system URL 1: http://i1044.photobucket.com/albums/b444/zzztttzzz/20181117_084341_zpswlblzpk2.jpg ✅ Polldaddy (Crowdsignal) URL: https://www.reverbnation.com/sammybrue 👾 Screencast URL: http://www.screencast.com/t/9QpXpRrzf ✅ Scribd URL: https://foaloce.smugmug.com/Travels/Italy/Toscana-april-2012/ 👾 Speaker Deck URL: https://speakerdeck.com/maltzj/code-reviewing-like-a-champion ✅ TED WordPress 4.9.8 running Twenty Seventeen theme |
funnyordie no longer supports oembed, we should remove the block and remove the provider from core WP. |
Confirmed, |
Photobucket no longer supports oembed. Another one we should remove from the blocks and from core code. |
Confirmed - same happened to me when embedding http://www.collegehumor.com/video/40004155/sorry-im-a-slow-eater Sidenote: sometimes when a blank box is embedded as with CollegeHumor, it's difficult to work with in the editor because the edges can't be seen: https://cloudup.com/cdC9adRwwVu WordPress 4.9.8 running Twenty Seventeen theme. |
Thank you all so much for testing here. This audit has revealed a number of issues, some that were present even in 4.9. The initial issue was related to how the embeds work with regards to floats, though, and it seems this aspect has worked well. For that reason I'm tempted to close this ticket in favor of the individual issues that have been surfaced as a result of this audit. But for now atleast, I'm moving it out of the 5.0 milestone as the audit has technically been completed. |
This served its purpose I think. Let's close and open individual issues. |
In #10437 we discovered an issue with embedding Instagram posts.
The issue was that when we float an embed, we set a minimum and a maximum width on the floated embed, because the embed itself does not necessarily have a specific intrinsic width we can work with. In the case of Instagram, the max-width we set (290px) was smaller than the minimum width supported by Instagram embeds (326px).
Following this, we should do an audit on every embed block, floated or otherwise, and verify that they are not cropped at any time.
The text was updated successfully, but these errors were encountered: