Skip to content

[web] support scaling page content using two-finger pinch gesture #97305

Description

@jlemanski1

Steps to Reproduce

  1. Execute flutter run release --web-renderer html -d web-server --web-port 8080 --web-hostname 10.0.0.209 on any Flutter Web project.
  2. Navigate to the hostname and port on any web browser to access the Flutter Web app
  3. Open the developer tools and navigate to the source code.

Expected results:
With the HTML tag <meta name="viewport" content="width=device-width, initial-scale=.0, maximum-scale=2.0, user-scalable=yes"> in the index.html, I expect the tag to remain there for accessibility checkers.

Actual results:
This meta tag:
<meta flt-viewport="" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
is generated by Flutter, overriding any attempts to set the maximum-scale or user-scalable properties. Even attempts to update this meta tag at runtime are thwarted by Flutter.

This is an issue as it prevents the Flutter web app from passing accessibility checkers even if user scalability is implemented in-app via Flutter. Any help or workarounds would be greatly appreciated as Flutter is only viable for this project as the client relies on passing accessibility checkers and security scans for their institution's cyber-sec insurance, and funding.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projecta: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)c: new featureNothing broken; request for a new capabilityfound in release: 2.10Found to occur in 2.10found in release: 2.8Found to occur in 2.8frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions