Skip to content

DropdownMenu overflow with large helper text #147173

@PurplePolyhedron

Description

@PurplePolyhedron

Steps to reproduce

Use DropdownMenu with large helper text.
The size and helper text which causes helper text to crop is tricky and need magic number

Expected results

input region ("hint text") should be able to tapped to select.
helper text should not be cropped.

Actual results

input region cannot be able to tapped to select.
text is cropped

Code sample

Code sample
import "package:flutter/material.dart";
  
void main() => runApp(const MyMenuApp());


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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Scaffold(
        body: SizedBox(
          width: 327,
          height: 658,
          child: Center(
            child: Container(
              color: Colors.purple,
              child: DropdownMenu<int>(
                hintText: 'Hint text',
                helperText: 'This is a long helper text that need 3 lines',
                inputDecorationTheme: InputDecorationTheme(
                    helperMaxLines: 3, helperStyle: TextStyle(fontSize: 30)),
                dropdownMenuEntries: <DropdownMenuEntry<int>>[
                  DropdownMenuEntry<int>(
                    value: 0,
                    label: 'MenuEntry Item 1',
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

Screenshot 2024-04-23 at 2 23 52 AM

Logs

Logs
[Paste your logs here]

Flutter Doctor output

Doctor output
[✓] Flutter (Channel master, 3.22.0-14.0.pre.67, on macOS 14.4 23E214 darwin-arm64, locale en-AU)
    • Flutter version 3.22.0-14.0.pre.67 on channel master at /Users/mainj/fvm/versions/master
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 1a905d508d (30 hours ago), 2024-04-21 06:44:23 -0400
    • Engine revision 75ca2195c9
    • Dart version 3.5.0 (build 3.5.0-83.0.dev)
    • DevTools version 2.35.0-dev.8
....

Metadata

Metadata

Labels

P2Important issues not at the top of the work listf: 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