Skip to content

DropdownButtonFormField clips text when large text scale is used and useMaterial3 is true #159971

@bleroux

Description

@bleroux

Steps to reproduce

  1. Run the code sample.
  2. Observe the dropdown button visible text.

Expected results

image

Actual results

image

Code sample

Code sample
import 'package:flutter/material.dart';

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

const List<String> menuItems = <String>['one', 'two', 'three', 'four'];

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Builder(
          builder: (BuildContext context) => MediaQuery.withClampedTextScaling(
            minScaleFactor: 3.0,
            maxScaleFactor: 3.0,
            child: Material(
              child: Center(
                child: SizedBox(
                  width: 200,
                  child: DropdownButtonFormField<String>(
                    value: 'two',
                    onChanged: (_) {},
                    items: menuItems.map<DropdownMenuItem<String>>((String item) {
                      return DropdownMenuItem<String>(
                        key: ValueKey<String>(item),
                        value: item,
                        child: Text(
                          item,
                          key: ValueKey<String>('${item}Text'),
                        ),
                      );
                    }).toList(),
                  ),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}


Screenshots or Video

No response

Logs

No response

Flutter Doctor output

Doctor output
Flutter (Channel master, 3.27.0-1.0.pre.740, on Ubuntu 24.04.1 LTS 6.8.0-49-generic

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work listf: material designflutter/packages/flutter/material repository.found in release: 3.24Found to occur in 3.24found in release: 3.27Found to occur in 3.27frameworkflutter/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

Status

Done (PR merged)

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions