Skip to content

Wide table is squeezed instead of horizontally scrollable in RenderMode.listView #1595

@theSharpestTool

Description

@theSharpestTool

Steps to Reproduce

HTML
<table>
  <tr>
    <th>LONGheader 1</th>
    <th>LONGheader 2</th>
    <th>LONGheader 3</th>
    <th>LONGheader 4</th>
    <th>LONGheader 5</th>
    <th>LONGheader 6</th>
    <th>LONGheader 7</th>
    <th>LONGheader 8</th>
    <th>LONGheader 9</th>
    <th>LONGheader 10</th>
    <th>LONGheader 11</th>
    <th>LONGheader 12</th>
  </tr>
</table>
`HtmlWidget` configuration
HtmlWidget(html, renderMode: RenderMode.listView),
Tesing environment
[✓] Flutter (Channel stable, 3.41.5, on macOS 26.3.1 25D771280a darwin-arm64, locale en-DE) [351ms]
    • Flutter version 3.41.5 on channel stable at /Users/serhiishalamov/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 2c9eb20739 (7 weeks ago), 2026-03-17 16:14:01 -0700
    • Engine revision 052f31d115
    • Dart version 3.11.3
    • DevTools version 2.54.2
    • Feature flags: enable-web, enable-linux-desktop, enable-macos-desktop, enable-windows-desktop, enable-android, enable-ios,
      cli-animations, enable-native-assets, omit-legacy-version-file, enable-lldb-debugging, enable-uiscene-migration

[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [2.4s]
    • Android SDK at /Users/serhiishalamov/Library/Android/sdk
    • Emulator version 36.3.10.0 (build_id 14472402) (CL:N/A)
    • Platform android-36, build-tools 35.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
      This is the JDK bundled with the latest Android Studio installation on this machine.
      To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
    • Java version OpenJDK Runtime Environment (build 21.0.4+-12422083-b607.1)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 26.1.1) [847ms]
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 17B100
    • CocoaPods version 1.16.2

[✓] Chrome - develop for the web [5ms]
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Connected device (1 available) [6.0s]
    • iPhone 17 Pro (mobile)            • 548654A9-F866-4253-A16F-289C30569144 • ios            •
      com.apple.CoreSimulator.SimRuntime.iOS-26-1 (simulator)

[✓] Network resources [360ms]
    • All expected network resources are available.

Expected results

The table should be horizontally scrollable when it is wider than the viewport.

Image

Actual results

With renderMode: RenderMode.listView, the table is squeezed into the viewport width, so it cannot be scrolled horizontally.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions