Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

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

Copy link
Copy link

Description

@kevmoo
Issue body actions

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

Reactions are currently unavailable

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    Morty Proxy This is a proxified and sanitized view of the page, visit original site.