Repository navigation
Floating label on InputDecoration is truncated even when it could fit #56848
Description
b/154950540
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SizedBox(
width: 300,
child: InputDecorator(
decoration: InputDecoration(
labelText: 'Long1 long2 long3 long4 long5 long6 text',
border: OutlineInputBorder(
borderSide: BorderSide(width: 1),
borderRadius: BorderRadius.all(Radius.circular(4)),
),
),
child: Text(''),
),
),
),
);
}
}
Activity
mehmetf commentedon May 10, 2020
This might be a restriction in Material Design language. We are double checking.
mehmetf commentedon May 10, 2020
@willlarche
willlarche commentedon May 11, 2020
Speaking with Design.
willlarche commentedon May 11, 2020
The X of the label should be max(standard padding, end of shaped corner). AKA, the start of the label is the start of the text field minus the standard padding (or the end of a shaped corner if larger). The point of the label at which to truncate should mirror that: the max width of the label should be the width of the whole text field minus the max(standard padding, end of shaped corner)*2.
mehmetf commentedon May 11, 2020
Ack.
Seems like we have to fix this in the framework. Just a heads up that this issue might be bumped to critical soon. I am waiting for Mulligan to tell me whether they are failing Material review.
github-actions commentedon Aug 20, 2021
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 -vand a minimal reproduction of the issue.