From 7bdfeb8b5e6475103c1d0d5dacf2d9e99f7e79fa Mon Sep 17 00:00:00 2001
From: Jed <vjeudy@protonmail.com>
Date: Wed, 18 Dec 2024 14:48:38 +0100
Subject: [PATCH] removes use of mobile preview plugin for apos build (#4823)

* removes use of mobile preview plugin for apos build
---
 CHANGELOG.md                                             | 1 +
 .../asset/lib/webpack/apos/webpack.scss.js               | 9 ---------
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c26f69e4be..81c90ead66 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@
 * Fixes broken widget preview URL when the image is overridden (module improve) and external build module is registered.
 * Inject dynamic custom bundle CSS when using external build module with no CSS entry point.
 * Range field now correctly takes 0 into account.
+* Apos style does not go through `postcss-viewport-to-container-toggle` plugin anymore to avoid UI bugs.
 
 ### Adds
 
diff --git a/modules/@apostrophecms/asset/lib/webpack/apos/webpack.scss.js b/modules/@apostrophecms/asset/lib/webpack/apos/webpack.scss.js
index bb9dab4198..d2f280f1a9 100644
--- a/modules/@apostrophecms/asset/lib/webpack/apos/webpack.scss.js
+++ b/modules/@apostrophecms/asset/lib/webpack/apos/webpack.scss.js
@@ -1,14 +1,5 @@
-const postcssViewportToContainerToggle = require('postcss-viewport-to-container-toggle');
-
 module.exports = (options, apos) => {
   const postcssPlugins = [
-    ...apos.asset.options.breakpointPreviewMode?.enable === true ? [
-      postcssViewportToContainerToggle({
-        modifierAttr: 'data-breakpoint-preview-mode',
-        debug: apos.asset.options.breakpointPreviewMode?.debug === true,
-        transform: apos.asset.options.breakpointPreviewMode?.transform || null
-      })
-    ] : [],
     'autoprefixer',
     {}
   ];