fix(TU-21474): Remove overflow on widget close (#677)

packages/demo-nextjs/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

packages/embed/src/factories/create-widget/create-widget.ts

@@ -40,6 +40,7 @@ export const createWidget = (formId: string, options: WidgetOptions): Widget =>
 
   const { domain, ...widgetOptions } = options
   widgetOptions.inlineOnMobile = options.inlineOnMobile || options.fullScreen
+  const scrollInitialState = document.body.style.overflow
 
   if (!widgetOptions.inlineOnMobile && (widgetOptions.forceTouch || isFullscreen())) {
     widgetOptions.displayAsFullScreenModal = true
@@ -117,6 +118,10 @@ export const createWidget = (formId: string, options: WidgetOptions): Widget =>
       container.classList.remove('tf-v1-widget-fullscreen')
       container.style.backgroundColor = ''
 
+      if (widgetOptions.fullScreen) {
+        document.body.style.overflow = scrollInitialState
+      }
+
       if (options.keepSession) {
         const overlay = document.createElement('div')
         overlay.className = 'tf-v1-widget-iframe-overlay'