TextWidthBasis.longestLine prevents text from unwrapping when width constraints increase #142309

letsar · 2024-01-26T16:47:54Z

Steps to reproduce

This bug already exists here, but it has been closed

Use case

When using textWidthBasis: TextWidthBasis.longestLine in a Text widget, if we decrease the size of the window (web or desktop), the text shrinks correctly, but when we increase the size of the window again, the text does not expand.
This does not happen with TextWidthBasis.parent.
See the attached video.

Expected results

The text is correctly resized when the size of the window increases

Actual results

The text is not resized when the size of the window increases

Code sample

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: _Home(),
    );
  }
}

class _Home extends StatelessWidget {
  const _Home();

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Center(
        child: Text(
          'My very very very long text which is not resized properly when the window is resized',
          overflow: TextOverflow.ellipsis,
          maxLines: 1,
          textWidthBasis: TextWidthBasis.longestLine,
        ),
      ),
    );
  }
}

Screenshots or Video

Screenshots / Video demonstration

text-width-basis-issue-longest-line_rvgtfnEj.mp4

Logs

[Paste your logs here]

Flutter Doctor output

Doctor output

[✓] Flutter (Channel stable, 3.16.9, on macOS 14.1.1 23B81 darwin-arm64, locale fr-FR)
    • Flutter version 3.16.9 on channel stable at /Users/xxxxxxx/dev/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 41456452f2 (23 hours ago), 2024-01-25 10:06:23 -0800
    • Engine revision f40e976bed
    • Dart version 3.2.6
    • DevTools version 2.28.5

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /Users/xxxxxxx/Library/Android/sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.7+0-17.0.7b1000.6-10550314)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.0.1)
    • Xcode at /Applications/Xcode-15.0.1.app/Contents/Developer
    • Build 15A507
    • CocoaPods version 1.14.2

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

[✓] Android Studio (version 2023.1)
    • 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 17.0.7+0-17.0.7b1000.6-10550314)

[✓] VS Code (version 1.85.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.80.0

[✓] Connected device (3 available)
    • IN2023 (mobile) • 87950fce • android-arm64  • Android 13 (API 33)
    • macOS (desktop) • macos    • darwin-arm64   • macOS 14.1.1 23B81 darwin-arm64
    • Chrome (web)    • chrome   • web-javascript • Google Chrome 120.0.6099.234

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

• No issues found!

The text was updated successfully, but these errors were encountered:

danagbemava-nc · 2024-01-29T06:56:44Z

Reproducible using the code sample provided above.

flutter doctor -v

[!] Flutter (Channel stable, 3.16.9, on macOS 14.3 23D56 darwin-arm64, locale en-GB)
    • Flutter version 3.16.9 on channel stable at /Users/nexus/dev/sdks/flutter
    ! Warning: `flutter` on your path resolves to /Users/nexus/dev/sdks/flutters/bin/flutter, which is not inside your current Flutter SDK checkout at /Users/nexus/dev/sdks/flutter. Consider adding /Users/nexus/dev/sdks/flutter/bin to the front of your path.
    ! Warning: `dart` on your path resolves to /Users/nexus/dev/sdks/flutters/bin/dart, which is not inside your current Flutter SDK checkout at /Users/nexus/dev/sdks/flutter. Consider adding /Users/nexus/dev/sdks/flutter/bin to the front of your path.
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 41456452f2 (4 days ago), 2024-01-25 10:06:23 -0800
    • Engine revision f40e976bed
    • Dart version 3.2.6
    • DevTools version 2.28.5
    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0-rc1)
    • Android SDK at /Users/nexus/Library/Android/sdk
    • Platform android-34, build-tools 34.0.0-rc1
    • Java binary at: /Users/nexus/Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
    • Xcode at /Applications/Xcode-15.2.0.app/Contents/Developer
    • Build 15C500b
    • CocoaPods version 1.14.3

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

[✓] Android Studio (version 2022.3)
    • Android Studio at /Users/nexus/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 17.0.6+0-17.0.6b829.9-10027231)

[✓] IntelliJ IDEA Ultimate Edition (version 2023.2.5)
    • IntelliJ at /Users/nexus/Applications/IntelliJ IDEA Ultimate.app
    • Flutter plugin version 76.3.4
    • Dart plugin version 232.10072.19

[✓] VS Code (version 1.85.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.80.0

[✓] Connected device (4 available)
    • Dean’s iPad (mobile) • 00008103-000825C811E3401E • ios            • iOS 17.2 21C62
    • Nexus (mobile)       • 00008020-001875E83A38002E • ios            • iOS 17.3 21D50
    • macOS (desktop)      • macos                     • darwin-arm64   • macOS 14.3 23D56 darwin-arm64
    • Chrome (web)         • chrome                    • web-javascript • Google Chrome 121.0.6167.85

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

! Doctor found issues in 1 category.

[✓] Flutter (Channel master, 3.19.0-9.0.pre.205, on macOS 14.3 23D56 darwin-arm64, locale en-GB)
    • Flutter version 3.19.0-9.0.pre.205 on channel master at /Users/nexus/dev/sdks/flutters
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision e743df8b6a (2 hours ago), 2024-01-29 00:11:17 -0500
    • Engine revision f15cb86d31
    • Dart version 3.4.0 (build 3.4.0-82.0.dev)
    • DevTools version 2.31.0

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0-rc1)
    • Android SDK at /Users/nexus/Library/Android/sdk
    • Platform android-34, build-tools 34.0.0-rc1
    • Java binary at: /Users/nexus/Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
    • Xcode at /Applications/Xcode-15.2.0.app/Contents/Developer
    • Build 15C500b
    • CocoaPods version 1.14.3

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

[✓] Android Studio (version 2022.3)
    • Android Studio at /Users/nexus/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 17.0.6+0-17.0.6b829.9-10027231)

[✓] IntelliJ IDEA Ultimate Edition (version 2023.2.5)
    • IntelliJ at /Users/nexus/Applications/IntelliJ IDEA Ultimate.app
    • Flutter plugin version 76.3.4
    • Dart plugin version 232.10072.19

[✓] VS Code (version 1.85.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.80.0

[✓] Connected device (4 available)
    • Dean’s iPad (mobile) • 00008103-000825C811E3401E • ios            • iOS 17.2 21C62
    • Nexus (mobile)       • 00008020-001875E83A38002E • ios            • iOS 17.3 21D50
    • macOS (desktop)      • macos                     • darwin-arm64   • macOS 14.3 23D56 darwin-arm64
    • Chrome (web)         • chrome                    • web-javascript • Google Chrome 121.0.6167.85

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

• No issues found!

goderbauer · 2024-01-30T23:27:42Z

cc @LongCatIsLooong

…estLine` (#143024) Fixes #142309.

github-actions · 2024-02-26T08:00:52Z

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

danagbemava-nc added the in triage Presently being triaged by the triage team label Jan 29, 2024

goderbauer added P2 Important issues not at the top of the work list fyi-engine For the attention of Engine team triaged-framework Triaged by Framework team labels Jan 30, 2024

zanderso removed the fyi-engine For the attention of Engine team label Feb 5, 2024

LongCatIsLooong mentioned this issue Feb 6, 2024

Fix text painter longest line resizing logic for TextWidthBasis.longestLine #143024

Merged

8 tasks

auto-submit bot closed this as completed in #143024 Feb 10, 2024

auto-submit bot pushed a commit that referenced this issue Feb 10, 2024

Fix text painter longest line resizing logic for `TextWidthBasis.long…

bc49cf8

…estLine` (#143024) Fixes #142309.

danagbemava-nc added the r: fixed Issue is closed as already fixed in a newer version label Feb 12, 2024

github-actions bot locked as resolved and limited conversation to collaborators Feb 26, 2024

This issue was closed.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TextWidthBasis.longestLine prevents text from unwrapping when width constraints increase #142309

TextWidthBasis.longestLine prevents text from unwrapping when width constraints increase #142309

letsar commented Jan 26, 2024

danagbemava-nc commented Jan 29, 2024

goderbauer commented Jan 30, 2024

github-actions bot commented Feb 26, 2024

TextWidthBasis.longestLine prevents text from unwrapping when width constraints increase #142309

TextWidthBasis.longestLine prevents text from unwrapping when width constraints increase #142309

Comments

letsar commented Jan 26, 2024

Steps to reproduce

Use case

Expected results

Actual results

Code sample

Screenshots or Video

Logs

Flutter Doctor output

danagbemava-nc commented Jan 29, 2024

goderbauer commented Jan 30, 2024

github-actions bot commented Feb 26, 2024