Problem/Motivation
Unexplained Facebook URL_Embed features lost during upgrade from Open Social 10.3.x to 11.0.10
I ran a test prior to and following my upgrades where Facebook Videos are no longer displaying in a (Stream) Post.
- No problem embedding Facebook videos with CKEditor Embed Button, but the automatic URL Embed feature within a Post was lost (consistently with several tests) especially with Facebook (We do have the Facebook URL Embed feature approved in their Developers Suite). And our App ID and Secret keys are intact in "/admin/config/media/url_embed".
- Attached Screenshots are before (social 10.3.8) and after (11.0.10) with the same posts. (two examples)
- The URL Embed module version did not change after the upgrade process and remains at Version: 8.x-1.0-beta1.
- I have confirmed no changes in the CKEditor settings for both Simple and Plain Text Editors
- Can anyone pinpoint what would have been changed in the upgrade process that would have caused this to revert to a link instead of rendering the video?
More notes: The issue showed up first while logged in as Admin, and has been consistent between browsers and instances of Open Social (all cloned from Production which has yet to be upgraded). The Screenshots were taken from different browsers simply due to screenshot program issues - unrelated).
The fact that the URL Embed isn't converting into a card or Video shouldn't have anything to do with who is logged in (or even as a visitor).
Samples to view: Production site (10.3.8) https://crew-list.net | Updated Clone site: (11.0.10) https://beta.crew-list.net
Scroll down Home Stream page looking for Facebook embeds!
If you were to go to the Production site, there are multiple instances of Facebook URL's pointing to video content that renders properly as a video, and can optionally have the "embed-responsive embed-responsive-16by9" class added in some cases which conform their width to 100% if desired. Note: We have added some styling to this class!
But are all lost and revert to a simple URL link after the upgrade to Drupal 9.2.16 and OS 11.0.10. The clones are also online in subdomains and on different servers.
Modules uninstalled before update process:
- Social API Auth
- Social Auth Facebook
- Social Auth Google
- Social Auth LinkedIn
- Social Auth Twitter
- Social SSO (Depreciated)
- Social Search Autocomplete (Depreciated)
- Social Auth Extra (Depreciated)
Once the update/upgrade occurs, the Facebook Videos revert to a link only!
Steps to reproduce
- Start with Open Social version 10.3.8
- You must have Facebook App ID and Secret enabled in: /admin/config/media/url_embed
- Enter Facebook (Public Audience) Video into a Post Ex: https://fb.watch/chvP54cJFM/
- Follow update procedure as outlined in: https://www.drupal.org/project/social/releases/11.0.0
- View previously entered Posts!
Proposed resolution
Remaining tasks
User interface changes
API changes
Data model changes
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | Facebook-IFrame-before-10.3.8-update.jpg | 94.6 KB | bas123 |
| #5 | Facebook-IFrame-after-10.3.8-update.jpg | 76.9 KB | bas123 |
| Ex1-Facebook-URL-Post-edit-v10.3.8.png | 77.4 KB | bas123 | |
| Ex1-Facebook-URL-Post-v10.3.8.png | 351.96 KB | bas123 | |
| Ex1-Facebook-URL-Post-v11.0.10.png | 215.75 KB | bas123 |
Comments
Comment #2
tbsiqueiraComment #3
bas123 commentedI don't know if this will be of much help, but I pulled the rendered code via my "inspector" to see the difference between the post in Sample 1 above to see the difference between versions
Before update - Inspect element from social 10.3.8
After update - Inspect element from social 11.0.10
Comment #4
bas123 commentedComment #5
bas123 commentedMore Information! As I seek to troubleshoot what changes in Open Social or Social Embed and their related dependencies have been modified that are causing these feature degradations.
This issue is about losing the ability to have Oembed work in posts with Facebook URL's and was created by updating Open Social from version 10.3.8 to ^11.0.10 primarily.
After doing an update within Open Social 10.3.8 a Facebook Embeded IFrame with dimensions of 500 by 506 which prior to the update shrunk from it's full dimensions to about 70 pixels high after the update.
As I scroll through our Home Stream, I see that any instance of a Facebook embed IFrame that once rendered as coded is now cropped dramatically beyond recognition. I also see that embed videos from other sites like Ted (Talks) which displayed properly, are now cropped as well!
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FAreYOUontheCrewList%2Fposts%2F160607126347701&show_text=true&width=500" width="500" height="506" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>Also: This truncation ONLY happens on the Stream Pages. If you edit the post and display it in the post's own URL ie: /post/509, The post appears as it should!
Here is what was updated and the only item(s) that needed a database update following
composer uppdate --with-dependencies) related to Blazy (Who I suspect may be the culprit)The Screenshot "Facebook-IFrame-before-10.3.8-update" shows the affected post before the update
The Screenshot "Facebook-IFrame-after-10.3.8-update" shows the affected post after the update
Comment #6
bas123 commentedThis has been resolved in social 11.3.6 in combination with working through appropriate OEmbed permissions with Meta/Facebook
Changing status to closed - fixed!
Comment #7
bas123 commented