[web] Overflowing Text in html renderer on the beta channel #82317
Description
Steps to Reproduce
minimal code sample
import 'dart:html';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Title'),
),
body: ListView.builder(
itemBuilder: (context, index) {
return MyHomeItem();
},
),
);
}
}
class MyHomeItem extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Card(
child: Column(
children: [
ListTile(
title: Text('Title'),
),
Padding(
child: Text(
List<String>.generate(10, (i) => i.toString()).join('\n'),
style: TextStyle(fontSize: 10),
),
padding: EdgeInsets.fromLTRB(16, 0, 16, 16),
),
],
crossAxisAlignment: CrossAxisAlignment.start,
),
);
}
}| Android Chrome | PC Browser (Fine) |
|---|---|
 |
 |
Same as Android Firefox.
This happens in both Canvas Renderer and HTML Renderer.
Logs
[✓] Flutter (Channel beta, 2.2.0-10.3.pre, on Microsoft Windows [Version 10.0.19042.928], locale ja-JP)
• Flutter version 2.2.0-10.3.pre at C:\flutter
• Framework revision 06e2fd6357 (3 days ago), 2021-05-08 11:28:22 -0700
• Engine revision a123e75c60
• Dart version 2.13.0 (build 2.13.0-211.14.beta)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
• Android SDK at C:\Android\SDK
• Platform android-30, build-tools 30.0.3
• ANDROID_SDK_ROOT = C:\Android\SDK
• Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
• All Android licenses accepted.
[✓] Chrome - develop for the web
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
[✓] Android Studio (version 4.1.0)
• Android Studio at C:\Program Files\Android\Android Studio
• 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 1.8.0_242-release-1644-b01)
[✓] VS Code, 64-bit edition (version 1.56.0)
• VS Code at C:\Program Files\Microsoft VS Code
• Flutter extension version 3.22.0
[✓] Connected device (3 available)
• sdk gphone x86 (mobile) • emulator-5554 • android-x86 • Android 11 (API 30) (emulator)
• Chrome (web) • chrome • web-javascript • Google Chrome 90.0.4430.93
• Edge (web) • edge • web-javascript • Microsoft Edge 90.0.818.56
• No issues found!