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(
      home: Scaffold(
        appBar: AppBar(title: const Text('Selection Handles Scroll Demo')),
        body: CustomScrollView(
          slivers: [
            SliverToBoxAdapter(
              child: Container(
                height: 2000,
                padding: const EdgeInsets.all(16.0),
                child: TextField(
                  maxLines: null,
                  controller: TextEditingController(
                    text:
                        'Select some text at the top of this field, then scroll down to see the handles smoothly fade out as they leave the viewport!\n\n${'Line of text to make it long...\n' * 50}',
                  ),
                  decoration: const InputDecoration(
                    border: OutlineInputBorder(),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}