Skip to content

TextField below Dropzone not working on Firefox / Safari #103

@JoepHeijnen

Description

@JoepHeijnen

If you place a TextField in a Stack behind the Dropzone, you can focus on the TextField, but you cannot type in it. It works in Google Chrome but not in Firefox and Safari.

Versions:

  • Flutter: 3.29.2
  • flutter_dropzone: 4.2.1

Example

import 'package:flutter/material.dart';
import 'package:flutter_dropzone/flutter_dropzone.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Stack(
        children: [
          Column(
            children: [
              TextField(),
              TextField(),
            ],
          ),
          IgnorePointer(
            child: DropzoneView(),
          ),
        ],
      ),
    );
  }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions