import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: ListView(
          children: [
            const Text('Hello, World!'),
            Builder(
              builder: (context) => TextField(
                decoration: InputDecoration(
                  labelText: 'Label text',
                  helperText:
                      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do '
                      'eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut '
                      'enim ad minim veniam, quis nostrud exercitation ullamco laboris '
                      'nisi ut aliquip ex ea commodo consequat.',
                  border: OutlineInputBorder(
                    borderSide: BorderSide(
                      color: Theme.of(context).colorScheme.outline,
                      width: 1,
                    ),
                    // Setting gapPadding to 0 fixes the bug, but is not desirable.
                    // Increasing the gapPadding exacerbates the bug.
                    // gapPadding: 0,
                    borderRadius: BorderRadius.all(Radius.circular(4)),
                  ),
                ),
                maxLength: 200,
              ),
            ),
          ],
        ),
      ),
    );
  }
}