Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Test shadow dom

Public visualization

Viewing a saved revision (read-only)

ba3153b882b644509402c0384fd4167c

Test shadow dom

0 stars0🌍 Public
BBart van Pelt
Last edited Jan 6, 2023
Created on Jan 6, 2023
Forked from HTML Starter

This example demonstrates an attempt to embed a remote web viewer inside a custom HTML element using the Shadow DOM. The page defines a `dso-viewer` custom element that fetches HTML from `https://viewer.dso.kadaster.nl/viewer` and injects the response into its shadow root. The code uses the Fetch API with a `no-cors` mode, though the response is only logged to the console rather than rendered. A large styled message appears above the element, but no actual visualization or data is displayed.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.