Skip to content

[web] TextField broken on Firefox browser #69680

Closed
flutter-team-archive/engine
#22953

Description

@steffenhaak

Steps to Reproduce

Use any TextField Widget:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TextFieldPage(
        title: 'Textfield on FF',
      ),
    );
  }
}

class TextFieldPage extends StatefulWidget {
  TextFieldPage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _TextFieldPageState createState() => _TextFieldPageState();
}

class _TextFieldPageState extends State<TextFieldPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(child: TextField())
    );
  }
}

  1. Run web app on latest Firefox Browser.
  2. Click inside the text field and type any text. Text is shown in text field.
  3. Click outside of text field. The cursor stays in text field.
  4. Try to type again on the keyboard. Nothing happens.
  5. Click inside text field and try to type again: again, nothing happens.

Expected results:
Whenever the cursor is blinking inside the textfield, typing something on the keyboard text should be appended in the text field, as it is when using Chrome browser.

Actual results:
After doing an outside click, the text field no longer accepts any keyboard input.

Logs
Firefox 82.0.2 / Mac OS X 10.15
Logs are empty.
[✓] Flutter (Channel beta, 1.23.0-18.1.pre, on Mac OS X 10.15.7 19H2 x86_64, locale de-DE)
 
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 12.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] IntelliJ IDEA Community Edition (version 2020.2.3)
[✓] VS Code (version 1.50.1)
[✓] Connected device (2 available)

• No issues found!

Activity

  1. added
    P1High-priority issues at the top of the work list
    a: text inputEntering text in a text field or keyboard related problems
    platform-webWeb applications specifically
    assigned for triageissue is assigned to a domain expert for further triage
    on Nov 3, 2020
  2. self-assigned this
    on Nov 3, 2020
  3. pedromassangocode commented on Nov 5, 2020

    @pedromassangocode

    I was able to reproduce on latest master channel.

    I can confirm that this does not reproduce on Chrome.

    Cc @LongCatIsLooong

    flutter doctor -v
    [✓] Flutter (Channel master, 1.24.0-8.0.pre.97, on Mac OS X 10.15.7 19H2 darwin-x64, locale en)
        • Flutter version 1.24.0-8.0.pre.97 at /Users/pedromassango/dev/SDKs/flutter_master
        • Framework revision 4c24eb10b8 (50 minutes ago), 2020-11-05 11:18:00 +0100
        • Engine revision e66a720137
        • Dart version 2.12.0 (build 2.12.0-21.0.dev)
    
    [✓] Android toolchain - develop for Android devices (Android SDK version 30.0.1)
        • Android SDK at /Users/pedromassango/Library/Android/sdk
        • Platform android-30, build-tools 30.0.1
        • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
        • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
        • All Android licenses accepted.
    
    [✓] Xcode - develop for iOS and macOS (Xcode 12.1)
        • Xcode at /Applications/Xcode.app/Contents/Developer
        • Xcode 12.1, Build version 12A7403
        • CocoaPods version 1.9.3
    
    [✓] Chrome - develop for the web
        • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
    
    [✓] Android Studio (version 4.0)
        • Android Studio at /Applications/Android Studio.app/Contents
        • Flutter plugin can be installed from:
          🔨 https://plugins.jetbrains.com/plugin/9212-flutter
        • Dart plugin can be installed from:
          🔨 https://plugins.jetbrains.com/plugin/6351-dart
        • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    
    [✓] IntelliJ IDEA Community Edition (version 2020.2.3)
        • IntelliJ at /Applications/IntelliJ IDEA CE.app
        • Flutter plugin version 50.0
        • Dart plugin version 202.7319.5
    
    [✓] VS Code (version 1.50.1)
        • VS Code at /Applications/Visual Studio Code.app/Contents
        • Flutter extension version 3.16.0
    
    [✓] Connected device (4 available)
        • sdk gphone x86 arm (mobile) • emulator-5554 • android-x86    • Android 11 (API 30) (emulator)
        • macOS (desktop)             • macos         • darwin-x64     • Mac OS X 10.15.7 19H2 darwin-x64
        • Web Server (web)            • web-server    • web-javascript • Flutter Tools
        • Chrome (web)                • chrome        • web-javascript • Google Chrome 86.0.4240.183
    
    • No issues found!
    
  4. removed
    assigned for triageissue is assigned to a domain expert for further triage
    on Dec 9, 2020
  5. github-actions commented on Aug 8, 2021

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  6. locked as resolved and limited conversation to collaborators on Aug 8, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work lista: text inputEntering text in a text field or keyboard related problemsbrowser: firefoxonly manifests in Firefoxengineflutter/engine related. See also e: labels.found in release: 1.24Found to occur in 1.24has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specifically

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions