fix: hard to move iframe widget #1075

homarr-labs · Sep 11, 2024 · 1dddfe7 · 1dddfe7
1 parent 3d4e607
commit 1dddfe7
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/widgets/src/iframe/component.tsx b/packages/widgets/src/iframe/component.tsx
@@ -7,7 +7,7 @@ import { useI18n } from "@homarr/translation/client";
 import type { WidgetComponentProps } from "../definition";
 import classes from "./component.module.css";
 
-export default function IFrameWidget({ options }: WidgetComponentProps<"iframe">) {
+export default function IFrameWidget({ options, isEditMode }: WidgetComponentProps<"iframe">) {
   const t = useI18n();
   const { embedUrl, ...permissions } = options;
   const allowedPermissions = getAllowedPermissions(permissions);
@@ -16,7 +16,13 @@ export default function IFrameWidget({ options }: WidgetComponentProps<"iframe">
 
   return (
     <Box h="100%" w="100%">
-      <iframe className={classes.iframe} src={embedUrl} title="widget iframe" allow={allowedPermissions.join(" ")}>
+      <iframe
+        style={isEditMode ? { userSelect: "none", pointerEvents: "none" } : undefined}
+        className={classes.iframe}
+        src={embedUrl}
+        title="widget iframe"
+        allow={allowedPermissions.join(" ")}
+      >
         <Text>{t("widget.iframe.error.noBrowerSupport")}</Text>
       </iframe>
     </Box>