Styjun

King or Queen-Which piece is which?

How do you transpose samples in cents?

Setting up the trap

How do I find which software is doing an SSH connection?

How can the US president give an order to a civilian?

Why do you need to heat the pan before heating the olive oil?

Is there any possible way to get these hearts as Adult Link?

My student in one course asks for paid tutoring in another course. Appropriate?

Justifying Affordable Bespoke Spaceships

What mathematical theory is required for high frequency trading?

Leaving job close to major deadlines

How to make all magic-casting innate, but still rare?

How would you explain this difference in pointer to members of base and derived class using standard quotes?

Is the author of the Shu"t HaRidvaz the same one as the one known to be the rebbe of the Ariza"l?

Implementation of the Jacobi Symbol in C

Umlaut character order when sorting

Definition of 'vrit'

Why is it easier to balance a non-moving bike standing up than sitting down?

Freewill and rewarding dogs

If the mass of the Earth is decreasing by sending debris in space, does its angular momentum also decrease?

"Correct me if I'm wrong"

Is there a polite way to ask about one's ethnicity?

Why there is a red color in right side?

Time at 1 g acceleration to travel 100 000 light years

Error in viewing document with onclick of document URL link

Which “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?Encode URL in JavaScript?Get current URL with jQuery?$(document).ready equivalent without jQueryHow do I modify the URL without reloading the page?Get the current URL with JavaScript?How to create an HTML button that acts like a link?window.onload vs $(document).ready()Open a URL in a new tab (and not a new window) using JavaScriptCannot display HTML string

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

• I am trying to open and view a document in react app with the URL link


• On clicking the URL link, showing the same error constantly in the console
  
  

  
  

  Blocked script execution in '' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.

  
  

  
  


• Still, the document is rendered in UI


• I researched for the error and displayed result related to deployment issues


• Struck with the idea of which part of the App hitting error


• can you guys help me to resolve the issue with your suggestions


• The entire code is available in the stackbiltz link: https://stackblitz.com/edit/react-8dv5yl?file=index.js
  -providing the code snippet below:

App.js

export function App(props) 

 return (
 <div>
 sportsProfile(user) 
 </div>
 );

sportsProfile.js

Java link: <a href="https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit">https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit</a>

javascript html reactjs

share|improve this question

asked Mar 25 at 5:59

tamil cooltamil cool

5010

add a comment | 

0

• I am trying to open and view a document in react app with the URL link


• On clicking the URL link, showing the same error constantly in the console
  
  

  
  

  Blocked script execution in '' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.

  
  

  
  


• Still, the document is rendered in UI


• I researched for the error and displayed result related to deployment issues


• Struck with the idea of which part of the App hitting error


• can you guys help me to resolve the issue with your suggestions


• The entire code is available in the stackbiltz link: https://stackblitz.com/edit/react-8dv5yl?file=index.js
  -providing the code snippet below:

App.js

export function App(props) 

 return (
 <div>
 sportsProfile(user) 
 </div>
 );

sportsProfile.js

Java link: <a href="https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit">https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit</a>

javascript html reactjs

share|improve this question

asked Mar 25 at 5:59

tamil cooltamil cool

5010

add a comment | 

• I am trying to open and view a document in react app with the URL link


• On clicking the URL link, showing the same error constantly in the console
  
  

  
  

  Blocked script execution in '' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.

  
  

  
  


• Still, the document is rendered in UI


• I researched for the error and displayed result related to deployment issues


• Struck with the idea of which part of the App hitting error


• can you guys help me to resolve the issue with your suggestions


• The entire code is available in the stackbiltz link: https://stackblitz.com/edit/react-8dv5yl?file=index.js
  -providing the code snippet below:

App.js

export function App(props) 

 return (
 <div>
 sportsProfile(user) 
 </div>
 );

sportsProfile.js

Java link: <a href="https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit">https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit</a>

javascript html reactjs

share|improve this question

asked Mar 25 at 5:59

tamil cooltamil cool

5010

export function App(props) 

 return (
 <div>
 sportsProfile(user) 
 </div>
 );

Java link: <a href="https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit">https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit</a>

share|improve this question

asked Mar 25 at 5:59

tamil cooltamil cool

5010

share|improve this question

asked Mar 25 at 5:59

tamil cooltamil cool

5010

asked Mar 25 at 5:59

tamil cooltamil cool

5010

asked Mar 25 at 5:59

tamil cooltamil cool

5010

1 Answer
1

active

oldest

votes

0

Your app runs in a Iframe at the Stackblitz website.

The google document does't allow other website which includes itself in a Iframe. So the docs.google.com rejects your request or blocks your execution of javascript code in Google's page, because your page is in a Iframe at the Stackblitz view.

Run your code in your local that would be fine if there wasn't contained by any Iframe, or you can change your link to other urls that allow you include it in a Iframe.

It protects the user from XSS, more information about Iframe, please see https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe

share|improve this answer

edited Mar 25 at 7:43

answered Mar 25 at 6:18

Simon.LaySimon.Lay

18118

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...Thanks for your reply...I runned in local machine with node.js server. Still, I am experiencing the same error...can you able to provide your suggestion whether we need to any properties in the response headers for non-blocking execution of URL
  
  – tamil cool
  Mar 25 at 12:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @tamilcool So you are using Iframe to contain other website? Ah, as your error info, you can set your Iframe "sandbox" to be "allow-scripts", here is an example at last of w3schools.com/tags/att_iframe_sandbox.asp. Btw, other websites are able to decide whether you can contain it in your Iframe, that is easy to do that.
  
  – Simon.Lay
  Mar 25 at 12:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...Thanks for your reply...I'll modify and execute the code with your suggestions and let you know about the output
  
  – tamil cool
  Mar 25 at 12:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...After setting allow-scripts and modals permission, showing error as "Blocked iframe with origin "null" from accesing cross-origin frame".....I am planning to use <a> tag providing link for the document to get viewed.....can you let me know whether this can be achieved with <a> tag
  
  – tamil cool
  Mar 25 at 13:36
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @tamilcool No, it can't achieved with <a> tag. This is a cross-origin problem that we can't solve it, only Google can sets which domain is the same origin.
  
  – Simon.Lay
  Mar 25 at 14:41
  

  
  
  
  

 | 
show 6 more comments

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55331986%2ferror-in-viewing-document-with-onclick-of-document-url-link%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

Your app runs in a Iframe at the Stackblitz website.

The google document does't allow other website which includes itself in a Iframe. So the docs.google.com rejects your request or blocks your execution of javascript code in Google's page, because your page is in a Iframe at the Stackblitz view.

Run your code in your local that would be fine if there wasn't contained by any Iframe, or you can change your link to other urls that allow you include it in a Iframe.

It protects the user from XSS, more information about Iframe, please see https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe

share|improve this answer

edited Mar 25 at 7:43

answered Mar 25 at 6:18

Simon.LaySimon.Lay

18118

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...Thanks for your reply...I runned in local machine with node.js server. Still, I am experiencing the same error...can you able to provide your suggestion whether we need to any properties in the response headers for non-blocking execution of URL
  
  – tamil cool
  Mar 25 at 12:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @tamilcool So you are using Iframe to contain other website? Ah, as your error info, you can set your Iframe "sandbox" to be "allow-scripts", here is an example at last of w3schools.com/tags/att_iframe_sandbox.asp. Btw, other websites are able to decide whether you can contain it in your Iframe, that is easy to do that.
  
  – Simon.Lay
  Mar 25 at 12:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...Thanks for your reply...I'll modify and execute the code with your suggestions and let you know about the output
  
  – tamil cool
  Mar 25 at 12:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...After setting allow-scripts and modals permission, showing error as "Blocked iframe with origin "null" from accesing cross-origin frame".....I am planning to use <a> tag providing link for the document to get viewed.....can you let me know whether this can be achieved with <a> tag
  
  – tamil cool
  Mar 25 at 13:36
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @tamilcool No, it can't achieved with <a> tag. This is a cross-origin problem that we can't solve it, only Google can sets which domain is the same origin.
  
  – Simon.Lay
  Mar 25 at 14:41
  

  
  
  
  

 | 
show 6 more comments

0

Your app runs in a Iframe at the Stackblitz website.

The google document does't allow other website which includes itself in a Iframe. So the docs.google.com rejects your request or blocks your execution of javascript code in Google's page, because your page is in a Iframe at the Stackblitz view.

Run your code in your local that would be fine if there wasn't contained by any Iframe, or you can change your link to other urls that allow you include it in a Iframe.

It protects the user from XSS, more information about Iframe, please see https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe

share|improve this answer

edited Mar 25 at 7:43

answered Mar 25 at 6:18

Simon.LaySimon.Lay

18118

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...Thanks for your reply...I runned in local machine with node.js server. Still, I am experiencing the same error...can you able to provide your suggestion whether we need to any properties in the response headers for non-blocking execution of URL
  
  – tamil cool
  Mar 25 at 12:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @tamilcool So you are using Iframe to contain other website? Ah, as your error info, you can set your Iframe "sandbox" to be "allow-scripts", here is an example at last of w3schools.com/tags/att_iframe_sandbox.asp. Btw, other websites are able to decide whether you can contain it in your Iframe, that is easy to do that.
  
  – Simon.Lay
  Mar 25 at 12:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...Thanks for your reply...I'll modify and execute the code with your suggestions and let you know about the output
  
  – tamil cool
  Mar 25 at 12:53
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Simon.Lay...After setting allow-scripts and modals permission, showing error as "Blocked iframe with origin "null" from accesing cross-origin frame".....I am planning to use <a> tag providing link for the document to get viewed.....can you let me know whether this can be achieved with <a> tag
  
  – tamil cool
  Mar 25 at 13:36
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @tamilcool No, it can't achieved with <a> tag. This is a cross-origin problem that we can't solve it, only Google can sets which domain is the same origin.
  
  – Simon.Lay
  Mar 25 at 14:41
  

  
  
  
  

 | 
show 6 more comments

Your app runs in a Iframe at the Stackblitz website.

The google document does't allow other website which includes itself in a Iframe. So the docs.google.com rejects your request or blocks your execution of javascript code in Google's page, because your page is in a Iframe at the Stackblitz view.

Run your code in your local that would be fine if there wasn't contained by any Iframe, or you can change your link to other urls that allow you include it in a Iframe.

It protects the user from XSS, more information about Iframe, please see https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe

share|improve this answer

edited Mar 25 at 7:43

answered Mar 25 at 6:18

Simon.LaySimon.Lay

18118

share|improve this answer

edited Mar 25 at 7:43

answered Mar 25 at 6:18

Simon.LaySimon.Lay

18118

answered Mar 25 at 6:18

Simon.LaySimon.Lay

18118

answered Mar 25 at 6:18

Simon.LaySimon.Lay

18118