diff --git a/app/assets/javascripts/behaviors/markdown/render_observability.js b/app/assets/javascripts/behaviors/markdown/render_observability.js index 704d85cf22e614ade76c2b9ab47ad4c742607e1a..85aae6f53c467d5bfe321e8bf2eb0bd0ec8f3b33 100644 --- a/app/assets/javascripts/behaviors/markdown/render_observability.js +++ b/app/assets/javascripts/behaviors/markdown/render_observability.js @@ -3,7 +3,7 @@ import { darkModeEnabled } from '~/lib/utils/color_utils'; import { setUrlParams } from '~/lib/utils/url_utility'; export function getFrameSrc(url) { - return `${setUrlParams({ theme: darkModeEnabled() ? 'dark' : 'light' }, url)}&kiosk`; + return `${setUrlParams({ theme: darkModeEnabled() ? 'dark' : 'light' }, url)}&kiosk=inline-embed`; } const mountVueComponent = (element) => { diff --git a/ee/spec/features/markdown/observability_spec.rb b/ee/spec/features/markdown/observability_spec.rb index df931ea480a48e5fe00b94197d6fc5f81da745db..d7617d209b979a9366f301f1ad7911a588ee73a6 100644 --- a/ee/spec/features/markdown/observability_spec.rb +++ b/ee/spec/features/markdown/observability_spec.rb @@ -10,7 +10,7 @@ let_it_be(:observable_url) { "https://observe.gitlab.com/#{group.id}/some-dashboard" } let_it_be(:expected) do - %(<iframe src="#{observable_url}?theme=light&kiosk" frameborder="0") + %(<iframe src="#{observable_url}?theme=light&kiosk=inline-embed" frameborder="0") end before do diff --git a/spec/features/markdown/observability_spec.rb b/spec/features/markdown/observability_spec.rb index e57bfafe05e8405f13202e662753c7acf7bf1abc..0c5aba5326f19646361d6799d6ecba54cc99d19a 100644 --- a/spec/features/markdown/observability_spec.rb +++ b/spec/features/markdown/observability_spec.rb @@ -9,7 +9,7 @@ let_it_be(:observable_url) { "https://observe.gitlab.com/#{group.id}/some-dashboard" } let_it_be(:expected) do - %(<iframe src="#{observable_url}?theme=light&kiosk" frameborder="0") + %(<iframe src="#{observable_url}?theme=light&kiosk=inline-embed" frameborder="0") end before do diff --git a/spec/frontend/behaviors/markdown/render_observability_spec.js b/spec/frontend/behaviors/markdown/render_observability_spec.js index c87d11742dca441050629b64028c752a297c6ce7..7ca426d8cd61e1057b06e2d4ce5ddb7582fffefd 100644 --- a/spec/frontend/behaviors/markdown/render_observability_spec.js +++ b/spec/frontend/behaviors/markdown/render_observability_spec.js @@ -3,7 +3,9 @@ import * as ColorUtils from '~/lib/utils/color_utils'; describe('Observability iframe renderer', () => { const findObservabilityIframes = (theme = 'light') => - document.querySelectorAll(`iframe[src="https://observe.gitlab.com/?theme=${theme}&kiosk"]`); + document.querySelectorAll( + `iframe[src="https://observe.gitlab.com/?theme=${theme}&kiosk=inline-embed"]`, + ); const renderEmbeddedObservability = () => { renderObservability([...document.querySelectorAll('.js-render-observability')]);