fix website component

frontend/code/componentManagement.ts

@@ -63,6 +63,7 @@ import { TextInputComponent } from "./components/textInput";
 import { ThemeContextSwitcherComponent } from "./components/themeContextSwitcher";
 import { TooltipComponent } from "./components/tooltip";
 import { PointerEventListenerComponent } from "./components/pointerEventListener";
+import { WebsiteComponent } from "./components/website";
 
 const COMPONENT_CLASSES = {
     "AspectRatioContainer-builtin": AspectRatioContainerComponent,
@@ -127,6 +128,7 @@ const COMPONENT_CLASSES = {
     "TextInput-builtin": TextInputComponent,
     "ThemeContextSwitcher-builtin": ThemeContextSwitcherComponent,
     "Tooltip-builtin": TooltipComponent,
+    "Website-builtin": WebsiteComponent,
 };
 
 globalThis.COMPONENT_CLASSES = COMPONENT_CLASSES;

frontend/code/components/website.ts

@@ -10,7 +10,9 @@ export class WebsiteComponent extends ComponentBase {
     element: HTMLIFrameElement;
 
     createElement(): HTMLElement {
-        return document.createElement("iframe");
+        let element = document.createElement("iframe");
+        element.classList.add("rio-website");
+        return element;
     }
 
     updateElement(

frontend/css/style.scss

@@ -3812,6 +3812,11 @@ html.picking-component * {
     }
 }
 
+// Website
+.rio-website {
+    pointer-events: auto;
+}
+
 // Upload Area
 .rio-file-picker-area {
     pointer-events: auto;

rio/components/website.py

@@ -1,5 +1,7 @@
 import typing as t
 
+from uniserde import JsonDoc
+
 from ..utils import URL
 from .fundamental_component import FundamentalComponent
 
@@ -35,5 +37,10 @@ class Website(FundamentalComponent):
 
     url: URL
 
+    def _custom_serialize_(self) -> JsonDoc:
+        return {
+            "url": str(self.url),
+        }
+
 
 Website._unique_id_ = "Website-builtin"