Last update: #141354 (comment)

Steps to reproduce

1. Have M3 enabled and a non-outlined TextField with a labelText specified
2. Run the app (I tried macOS, CanvasKit, and skwasm)
3. Enter the text field and start typing
4. Notice the cursor overlaps the label text

Expected results

When typing in a TextField with labelText, the default styling won't result in the cursor overlapping the label text.

The M3 spec showcases the cursor as much thinner and shorter, preventing this from occurring.

Actual results

The cursor overlaps the label text, making it potentially harder to read.

Code sample

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: SizedBox(
            width: 300,
            child: TextField(
              decoration: InputDecoration(
                labelText: 'Label text',
                filled: true,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Screenshots

Screenshot

Flutter version info

Flutter 3.19.0-3.0.pre.43 • channel main • https://github.com/flutter/flutter
Framework • revision f961fdf2ba (4 hours ago) • 2024-01-10 17:37:07 -0500
Engine • revision a045134c91
Tools • Dart 3.4.0 (build 3.4.0-14.0.dev) • DevTools 2.31.0