Reverted widget to shadowDOM mode

Herve Tribouilloy · Herve Tribouilloy · commit 42d288c76d68 · 2026-02-19T23:19:20.000Z
diff --git a/vite_project/index.html b/vite_project/index.html
@@ -1,8 +1,7 @@
 <body>
 <script type="module" src="./src/widget.ts"></script>
 
-<div data-widget-container="regionmap"
-     data-load="eager"
+<div data-load="eager"
      data-page="home"
      data-src="https://widget.regionmap.co.uk:8448/widget-regionmap.iife.js"
 >
diff --git a/vite_project/src/components/RegionMap.tsx b/vite_project/src/components/RegionMap.tsx
@@ -13,6 +13,16 @@ interface RegionMapProps {
 export function RegionMap({ title, region, center, zoom }: RegionMapProps) {
     const { googleMapsApiKey } = useSystemState()
 
+    const containerStyle = useMemo(
+        () => ({
+            width: "100%",
+            height: "350px",
+            borderRadius: "12px",
+            overflow: "hidden"
+        }),
+        []
+    );
+
     const polygonOptions = useMemo(
         () => ({
             strokeColor: "#7b1fa2",
@@ -28,7 +38,7 @@ export function RegionMap({ title, region, center, zoom }: RegionMapProps) {
         <LoadScript googleMapsApiKey={googleMapsApiKey}>
             <h3 data-regionmap-title>{title}</h3>
             <GoogleMap
-                mapContainerClassName="re-regionmap"
+                mapContainerStyle={containerStyle}
                 center={center}
                 zoom={zoom}
                 options={{
diff --git a/vite_project/src/hooks/useWidgetConfig.ts b/vite_project/src/hooks/useWidgetConfig.ts
@@ -18,7 +18,7 @@ export function useWidgetConfig(host: HTMLElement): ResolvedRegionMapConfig | nu
         const runtime = readIntegrationConfig();
         const resolved = resolveWidgetConfig(widgetConfig, runtime);
 
-        activity('bootstrap', 'Config resolved', {
+        activity('bootstrap', 'Widget config', {
             data: resolved.data,
             integrations: resolved.integrations
         });
diff --git a/vite_project/src/lib/hostReader.ts b/vite_project/src/lib/hostReader.ts
@@ -1,5 +1,4 @@
 export function getMountedHost(hostElement: HTMLElement) {
-    return hostElement;
     const shadow =
         hostElement.shadowRoot || hostElement.attachShadow({ mode: "open" });
 

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,7 @@`
`1`	`1`	`<body>`
`2`	`2`	`<script type="module" src="./src/widget.ts"></script>`
`3`	`3`
`4`		`-<div data-widget-container="regionmap"`
`5`		`- data-load="eager"`
	`4`	`+<div data-load="eager"`
`6`	`5`	`data-page="home"`
`7`	`6`	`data-src="https://widget.regionmap.co.uk:8448/widget-regionmap.iife.js"`
`8`	`7`	`>`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`export function getMountedHost(hostElement: HTMLElement) {`
`2`		`- return hostElement;`
`3`	`2`	`const shadow =`
`4`	`3`	`hostElement.shadowRoot \|\| hostElement.attachShadow({ mode: "open" });`
`5`	`4`