This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(60.8, 97%, 15%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ERL%3C/text%3E%3C/svg%3E)
I am having an issue with the 'Embed' web part. When pages are loaded/refreshed, all the embedded contents have a gray preload box over them. For example, we have a filer viewer, social media feed, and Vimeo video embedded on different site collections. They have a gray box overlay as the page is loaded or refreshed, but the box goes away as soon as users hover over the box. We noticed the issue less than a month ago, and it happens on Chrome, Firefox, and Edge.
Does anyone have the same issue or know why it is happening? Is there a setting to get rid of the box overlay?
Here are examples of the gray box over the Embed web part.
Thank you for your help in advance!!
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(313.6, 51%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EED%3C/text%3E%3C/svg%3E)
I can reproduce this issue in my SharePoint Online "Embed" web part.
In my opinion, it's by design, there is no setting to get rid of the box overlay.
If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(0, 9%, 10%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EML%3C/text%3E%3C/svg%3E)
I too have the same problem. This "feature" happened a few weeks ago and before that, content rendered as it should.
What is the purpose of this begaviour if it is by design? I would be interested in knowing.
Regards,
Mia
I’m checking how the things are going on about this issue. If there is any problem with this issue, feel free to let me know.
@Emily Du-MSFT
It has not been resolved yet. I posted it on the UserVoice community as well, but that's about it.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(28.799999999999997, 36%, 12%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJA%3C/text%3E%3C/svg%3E)
It' been nearly two years and this behavior still has not been corrected. It only happens on some of the embeds but not others but it's always the same ones. Please fix it it looks awful.
Hello everyone!
I continue to experience this behavior. It has not been resolved yet for me.
Do you know of any progress?
Regards,
Hernan