I just noticed that when I open a page on Adobe Portfolio with embedded XD prototype, the scrollbar will automatically scroll to the location of the prototype.
Is this a bug? Thanks!
Not too sure what you mean. Can you post the URL to an example?
That XD embed is certainly grabbing page focus isn't it?
I haven't seen that before.
Contact Portfolio Team directly and ask them what's up.
I already connected with them. This is a bug and they will investigate it, but there is no timeframe for when it will be fixed.. Let's see
Thank you so much Nancy
Hi Nancy, this is NOT an issue only existing in Adobe Portfolio. Every website embedded XD prototype will encounter this issue, for example, check this website: https://www.appdesigntips.com/blog/sharing-your-adobe-xd-prototypes-on-your-blog-or-website/
I believe that is an issue related to <iframe> but I can't fix it by myself by adding attributes like "scrolling="yes"". Please contact XD technical team :[
I'm experiencing the same problem here.
I had to remove the XD prototype from my website because it scoll down the page on loading
Having the same issue with an embedded XD prototype on a Webflow page. I can see that it's loading after everything else, but why it's automatically scrolling down to the container section is beyond me.
I have the same issue here, just commenteting to up the priority on this! Thanks for looking into it as it has a pretty significant impact on my websites functionality. Thanks,
Just commenting to bring up the importance of the issue. I had the same problem on my site. It happens in Firefox, Chrome, and Edge.
There is a post on Stack Overflow about it: https://stackoverflow.com/questions/36775412/prevent-page-to-jumping-to-iframe/36775563#36775563 for a temporary fix. I can't use that because I don't have full access to backend code on my site.
UPDATE - March 10, 2020
This solution will only work outside of Adobe Porfolio due to embed code stripping enforced by Adobe.
An easy solution for this is to sandbox the XD iframe. Add the following line to your iframe embed code:
sandbox="allow-same-origin allow-forms allow-scripts"
The full embed code should look something like this:
<iframe width="375" height="667" src="https://xd.adobe.com/embed/.../" frameborder="0" allowfullscreen sandbox="allow-same-origin allow-forms allow-scripts"></iframe>
I'm experiencing the same thing when I embed my XD protoype on wordpress (using elementor pro). The browser jumps to the iframe instead of staying at the header. It works fine on safari but does that on my android browser and on chrome. I just tried this fix but it didn't work.. Am I doing something wrong with it? Thanks!
It doesn't work for me at all. When I check the embed code window after adding the sandbox tag above, the tag disappeared. I guess it means the tag doesn't work on Adobe Portfolio.
+) I tried this on Safari, it works! But not on Chrome.
Doesn't work for me on a React website.
@adobe this is really annoying and makes me — thereby Adobe — look unprofessional.
Can you share a link? It should work outside of an Adobe site.
This didn't work for me... Has it worked for anyone else?
It didn't work for me either allow-scripts causes the page to jump, but nothing loads without it
Doesn't work on adobe portfolio