Skip to content

showDateRangePicker with "large" helpText cutoffs the save button #146039

@misterquestions

Description

@misterquestions

Steps to reproduce

  1. Create a date range picker with showDateRangePicker
  2. Ensure it has a helpText that is a bit large.

Using a physical iPhone Pro 13, but smaller screens can get worse.

Expected results

The label must grow on the vertical axis and not over the save button leading to impossible tap action.

Actual results

The help text is over the button and you can't click it.

Code sample

Code sample
showDateRangePicker(
      context: context,
      firstDate: firstOfCurrentMonth,
      lastDate: lastOfCurrentMonth,
      helpText: 'Selecciona la fecha de corte y limite de pago',
      fieldStartLabelText: 'Fecha de corte',
      fieldStartHintText: 'Fecha de corte',
      fieldEndLabelText: 'Fecha limite de pago',
      fieldEndHintText: 'Fecha limite de pago',
    )

Screenshots or Video

Screenshots / Video demonstration

IMG_8552

Logs

Logs
[Paste your logs here]

Flutter Doctor output

Doctor output
flutter doctor -v
[✓] Flutter (Channel master, 3.21.0-13.0.pre.20, on macOS 14.4.1 23E224 darwin-arm64, locale es-419)
    • Flutter version 3.21.0-13.0.pre.20 on channel master at /Users/misterquestions/bin/flutter
    • Upstream repository ssh://[email protected]/flutter/flutter.git
    • Framework revision 085dbd85f9 (8 days ago), 2024-03-22 21:43:20 -0400
    • Engine revision 8a51e124fb
    • Dart version 3.4.0 (build 3.4.0-262.0.dev)
    • DevTools version 2.34.0-dev.12

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

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

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

[✓] Android Studio (version 2023.2)
    • Android Studio at /Users/misterquestions/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.9+0-17.0.9b1087.7-11185874)

[✓] IntelliJ IDEA Ultimate Edition (version 2023.3.5)
    • IntelliJ at /Users/misterquestions/Applications/IntelliJ IDEA Ultimate.app
    • Flutter plugin version 78.3.1
    • Dart plugin version 233.14888

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

[✓] Connected device (4 available)            
    • iPhone de Fernando (mobile)     • 00008110-00144D9E0E3A801E • ios            • iOS 17.3.1 21D61
    • macOS (desktop)                 • macos                     • darwin-arm64   • macOS 14.4.1 23E224 darwin-arm64
    • Mac Designed for iPad (desktop) • mac-designed-for-ipad     • darwin         • macOS 14.4.1 23E224 darwin-arm64
    • Chrome (web)                    • chrome                    • web-javascript • Google Chrome 123.0.6312.87

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

• No issues found!

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work listf: date/time pickerDate or time picker widgetsf: material designflutter/packages/flutter/material repository.found in release: 3.19Found to occur in 3.19found in release: 3.22Found to occur in 3.22frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions