maheshj01
commented
2 years ago Hi @jlemanski1, I checked the index.html from the developer tools but I don't see the <meta tag that you are referring to, Please check the index.html taken from the dev tools. Let me know if I am missing anything.
logs
``` mahesh@Maheshs-MacBook-Air-M1 counter % flutter run --release --web-renderer html -d web-server --web-port 8080 --web-hostname 10.0.0.209 Running "flutter pub get" in counter... 2,027ms Launching lib/main.dart on Web Server in release mode... Failed to bind web development server: SocketException: Failed to create server socket (OS Error: Can't assign requested address, errno = 49), address = 10.0.0.209, port = 8080 mahesh@Maheshs-MacBook-Air-M1 counter % flutter run --release --web-renderer html -d web-server --web-port 8080 --web-hostname 10.0.0.1 Launching lib/main.dart on Web Server in release mode... Failed to bind web development server: SocketException: Failed to create server socket (OS Error: Can't assign requested address, errno = 49), address = 10.0.0.1, port = 8080 mahesh@Maheshs-MacBook-Air-M1 counter % flutter run --release --web-renderer html -d web-server --web-port 8080 Launching lib/main.dart on Web Server in release mode... Compiling lib/main.dart for the Web... 28.1s lib/main.dart is being served at http://localhost:8080 The web-server device requires the Dart Debug Chrome extension for debugging. Consider using the Chrome or Edge devices for an improved development workflow. 🔥 To hot restart changes while running, press "r" or "R". For a more detailed help message, press "h". To quit, press "q". ```index.html
```htmlflutter doctor -v
``` [✓] Flutter (Channel stable, 2.8.1, on macOS 12.1 21C52 darwin-arm, locale en-GB) • Flutter version 2.8.1 at /Users/mahesh/Documents/flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision 77d935af4d (3 weeks ago), 2021-12-16 08:37:33 -0800 • Engine revision 890a5fca2e • Dart version 2.15.1 [✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0) • Android SDK at /Users/mahesh/Library/Android/sdk • Platform android-31, build-tools 31.0.0 • ANDROID_HOME = /Users/mahesh/Library/Android/sdk • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264) • All Android licenses accepted. [✓] Xcode - develop for iOS and macOS (Xcode 13.1) • Xcode at /Applications/Xcode.app/Contents/Developer • CocoaPods version 1.10.2 [✓] Chrome - develop for the web • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome [✓] Android Studio (version 4.2) • Android Studio at /Applications/Android Studio.app/Contents • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264) [✓] IntelliJ IDEA Community Edition (version 2021.2.1) • IntelliJ at /Applications/IntelliJ IDEA CE.app • Flutter plugin version 60.1.4 • Dart plugin version 212.5080.8 [✓] VS Code (version 1.63.2) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.32.0 [✓] Connected device (4 available) • Redmi K20 Pro (mobile) • 192.168.1.3:5555 • android-arm64 • Android 11 (API 30) • iPhone 13 Pro (mobile) • 0FA2FB93-2A89-4FDB-8293-DF66188F1E54 • ios • com.apple.CoreSimulator.SimRuntime.iOS-15-0 (simulator) • macOS (desktop) • macos • darwin-arm64 • macOS 12.1 21C52 darwin-arm • Chrome (web) • chrome • web-javascript • Google Chrome 96.0.4664.110 • No issues found! ```Thanks
jlemanski1
yjbanov
HeinrichJanzing
razfazz
Jonas-Schnee
khari998
s-hammad-a
jpdup
gabrielmattern
parito-ltd
tom-bailey-om
0ttik
25thammar
Steps to Reproduce
flutter run release --web-renderer html -d web-server --web-port 8080 --web-hostname 10.0.0.209on any Flutter Web project.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.