1"use strict";(globalThis.webpackChunkbambuser_docs||=[]).push([[2102],{19799(e,n,i){i.r(n),i.d(n,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>a,metadata:()=>s,toc:()=>d});var t=i.cw(function(e,n){const t=i.p+"assets/images/video-consultation-website-crash-585d765800f7d56fe970c450a7fbd213.png";i.d(n,["A",0,t])});const s=JSON.parse('{"id":"troubleshooting/miniplayer-crash","title":"During the call, website crashes in the background","description":"Fix website crashing during a call from the cobrowsing/miniplayer iframe: cross-origin frame error (use target=_blank/_top) and iframe-blocking headers.","source":"@site/video-consultation/troubleshooting/miniplayer-crash.md","sourceDirName":"troubleshooting","slug":"/troubleshooting/miniplayer-crash","permalink":"/docs/video-consultation/troubleshooting/miniplayer-crash","draft":false,"unlisted":false,"tags":[{"inline":true,"label":"video consultation","permalink":"/docs/video-consultation/tags/video-consultation"}],"version":"current","frontMatter":{"title":"During the call, website crashes in the background","description":"Fix website crashing during a call from the cobrowsing/miniplayer iframe: cross-origin frame error (use target=_blank/_top) and iframe-blocking headers.","slug":"miniplayer-crash","tags":["video consultation"],"hide_table_of_contents":false}}');var o=i(74848),r=i(28453);const a={title:"During the call, website crashes in the background",description:"Fix website crashing during a call from the cobrowsing/miniplayer iframe: cross-origin frame error (use target=_blank/_top) and iframe-blocking headers.",slug:"miniplayer-crash",tags:["video consultation"],hide_table_of_contents:!1},l=void 0,c={},d=[{value:"How to Open the Console",id:"how-to-open-the-console",level:2},{value:"Possible Reasons & Potential Solutions",id:"possible-reasons--potential-solutions",level:2},{value:"1. <strong>Navigation to a Different Domain (Cross-Origin Issue)</strong>",id:"1-navigation-to-a-different-domain-cross-origin-issue",level:3},{value:"2. <strong>Content-Security-Policy Blocks Framing</strong>",id:"2-content-security-policy-blocks-framing",level:3}];function h(e){const n={a:"a",br:"br",code:"code",h2:"h2",h3:"h3",hr:"hr",img:"img",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.p,{children:(0,o.jsx)(n.img,{alt:"Sad Miniplayer",src:t().A+"",width:"1917",height:"1008"})}),"\n",(0,o.jsx)(n.h2,{id:"how-to-open-the-console",children:"How to Open the Console"}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:["Right-click on the page and select ",(0,o.jsx)(n.strong,{children:"Inspect"}),"."]}),"\n",(0,o.jsxs)(n.li,{children:["Navigate to the ",(0,o.jsx)(n.strong,{children:"Console"})," tab in Developer Tools."]}),"\n"]}),"\n",(0,o.jsx)(n.hr,{}),"\n",(0,o.jsx)(n.h2,{id:"possible-reasons--potential-solutions",children:"Possible Reasons & Potential Solutions"}),"\n",(0,o.jsxs)(n.h3,{id:"1-navigation-to-a-different-domain-cross-origin-issue",children:["1. ",(0,o.jsx)(n.strong,{children:"Navigation to a Different Domain (Cross-Origin Issue)"})]}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Cause:"}),(0,o.jsx)(n.br,{}),"\n","When a user navigates to a different domain or subdomain, iframe restrictions prevent the content from loading properly. For example, if the Call Widget is embedded on ",(0,o.jsx)(n.code,{children:"merchant.com"})," but the user navigates to ",(0,o.jsx)(n.code,{children:"another-domain.com"}),", the Call Widget will crash."]}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.strong,{children:"Relevant Error in console:"})}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.code,{children:'Blocked a frame with origin "merchant.com" from accessing a cross-origin frame.'})}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.strong,{children:"Potential Solutions:"})}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:["Ensure that links leading to other domains open in a new tab using the ",(0,o.jsx)(n.code,{children:'target="_blank"'})," attribute on the HTML element leading to different domain."]}),"\n",(0,o.jsxs)(n.li,{children:["Alternatively, reload the page when a user navigates to a different domain and close the Call Widget using ",(0,o.jsx)(n.code,{children:'target="_top"'})," on the HTML element attribute leading to different domain."]}),"\n",(0,o.jsx)(n.li,{children:"Remove links leading to other domains"}),"\n"]}),"\n",(0,o.jsx)(n.hr,{}),"\n",(0,o.jsxs)(n.h3,{id:"2-content-security-policy-blocks-framing",children:["2. ",(0,o.jsx)(n.strong,{children:"Content-Security-Policy Blocks Framing"})]}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Cause:"}),(0,o.jsx)(n.br,{}),"\n","Some websites enforce strict ",(0,o.jsx)(n.code,{children:"Content-Security-Policy"})," headers, such as ",(0,o.jsx)(n.code,{children:"frame-ancestors 'none'"}),", which completely disallows the website from being embedded in an iframe."]}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.strong,{children:"Relevant Error:"})}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.code,{children:"Refused to display 'https://example.com' in a frame because it set 'Content-Security-Policy: frame-ancestors 'none'."})}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.code,{children:"Refused to display 'https://example.com' in a frame because it set 'X-Frame-Options' to 'DENY'."})}),"\n"]}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.strong,{children:"Solution:"})}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsxs)(n.p,{children:["Update the security header to allow framing on specific domains. Read more what you should set ",(0,o.jsx)(n.a,{href:"/video-consultation/miniplayer-compatibility#potential-obstacles-and-solutions",children:"here"})]}),"\n"]}),"\n",(0,o.jsxs)(n.li,{children:["\n",(0,o.jsx)(n.p,{children:"If you do not have option to change Security headers, consider:"}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"/video-consultation/floating-player#miniplayer-faq",children:"Disabling the Miniplayer"})}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.a,{href:"/video-consultation/cobrowsing",children:"Disabling Cobrowsing"})," - Bambuser setting, reach out to Bambuser contact for that"]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.a,{href:"/video-consultation/surf-while-in-queue",children:"Disabling Minimized Calls Widget"})," - Bambuser setting, reach out to Bambuser contact for that"]}),"\n",(0,o.jsxs)(n.li,{children:[(0,o.jsx)(n.a,{href:"/video-consultation/initial-setup#calls-widget-positioning",children:"Disabling Calls Widget navigation"})," - Bambuser setting, reach out to Bambuser contact for that"]}),"\n"]}),"\n"]}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}},28453(e,n,i){i.d(n,{R:()=>r,x:()=>a});var t=i(96540);const s={},o=t.createContext(s);function r(e){const n=t.useContext(o);return t.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),t.createElement(o.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.