Skip to content

docs(web): add pointer_interceptor guide and DOM slot layering to web-content-in-flutter #13620

Description

@kevmoo

Summary

The current documentation page docs.flutter.dev/platform-integration/web/web-content-in-flutter introduces HtmlElementView and package:webview_flutter, but does not cover package:pointer_interceptor or DOM slot layering.

Proposed Additions

  1. package:pointer_interceptor Guidance: HtmlElementView and platform view nodes swallow mouse and touch pointer events on the web because <flt-platform-view-slot> uses pointer-events: auto inside <flt-scene-host>, blocking Flutter widgets (buttons, drawers, menus, dialogs) positioned on top of them from receiving taps. Add clear usage documentation and code samples for PointerInterceptor.
  2. DOM Slot Layering: Explain how Flutter web mounts platform views as <slot> elements in the shadow DOM tree (<flt-scene-host> / <flt-platform-view-slot>) and how z-index and pointer-event passthrough operate between WebGL canvas layers and platform view DOM nodes.

Related framework issues: flutter/flutter#123343

Metadata

Metadata

Assignees

No one assigned

    Labels

    p2-mediumNecessary but not urgent concern. Resolve when possible.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions