@@ -1504,20 +1504,23 @@ void main() {
15041504 });
15051505
15061506 group ('Material3 - InputDecoration helper/counter/error' , () {
1507- // Overall height for InputDecorator (filled or outlined) is 76dp on mobile:
1507+ // Overall height for InputDecorator (filled or outlined) is 80dp on mobile:
15081508 // 8 - top padding
15091509 // 12 - floating label (font size = 16 * 0.75, line height is forced to 1.0)
15101510 // 4 - gap between label and input
15111511 // 24 - input text (font size = 16, line height = 1.5)
15121512 // 8 - bottom padding
1513- // 4 - gap above helper/error/counter
1513+ // 8 - gap above supporting text
15141514 // 16 - helper/counter (font size = 12, line height is 1.5)
15151515 const double topPadding = 8.0 ;
15161516 const double floatingLabelHeight = 12.0 ;
15171517 const double labelInputGap = 4.0 ;
15181518 const double inputHeight = 24.0 ;
15191519 const double bottomPadding = 8.0 ;
1520- const double helperGap = 4.0 ;
1520+ // TODO(bleroux): make the InputDecorator implementation compliant with M3 spec by changing
1521+ // the helperGap to 4.0 instead of 8.0.
1522+ // See https://github.com/flutter/flutter/issues/144984.
1523+ const double helperGap = 8.0 ;
15211524 const double helperHeight = 16.0 ;
15221525 const double containerHeight = topPadding + floatingLabelHeight + labelInputGap + inputHeight + bottomPadding; // 56.0
15231526 const double fullHeight = containerHeight + helperGap + helperHeight; // 80.0 (should be 76.0 based on M3 spec)
0 commit comments