From 7d718c7583c26c1d25f8cc095e7c73f732478c81 Mon Sep 17 00:00:00 2001
From: soupette <cyril@strapi.io>
Date: Wed, 29 Sep 2021 06:22:43 +0200
Subject: [PATCH] Remove bootstrap when unmounting ctb

Signed-off-by: soupette <cyril@strapi.io>
---
 .../admin/src/pages/App/TempTP.js             | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/core/content-type-builder/admin/src/pages/App/TempTP.js b/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
index 4c44cce54e..d8070decdc 100644
--- a/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
+++ b/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { ThemeProvider } from 'styled-components';
 import 'bootstrap/dist/css/bootstrap.css';
 
@@ -92,6 +92,21 @@ const theme = {
 };
 
 // eslint-disable-next-line react/prop-types
-const TempTP = ({ children }) => <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+const TempTP = ({ children }) => {
+  // FIXME:
+  // temporary hack to remove bootstrap css
+  // tested on chrome, safari and firefox it seems to be working...
+  useEffect(() => {
+    return () => {
+      const targetelement = 'style';
+
+      const allsuspects = document.getElementsByTagName(targetelement);
+
+      document.getElementsByTagName('head')[0].removeChild(allsuspects[allsuspects.length - 1]);
+    };
+  }, []);
+
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
 
 export default TempTP;