Skip to content

[Web] - Broken TextField in Semantics mode when given an InputDecorator with errorText on mobile browsers #141975

@htoor3

Description

@htoor3

Steps to reproduce

  1. Run a web app in semantics mode and render a TextField with an InputDecorator that has errorText
  2. Attempt to click into TextField

Expected results

  1. Mobile keyboard pops up, allows us to type.

Actual results

  1. Mobile keyboard doesn't pop up.

Code sample

Code sample
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

void main() {
  runApp(const App());

  SemanticsBinding.instance.ensureSemantics();
}

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: TextDecorationExample(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Column(
        children: [
          TextField(
            decoration: InputDecoration(
              errorText: 'error',
            ),
          ),
        ],
      ),
    );
  }
}

Flutter Doctor output

Doctor output
[✓] Flutter (Channel master, 3.19.0-6.0.pre, on macOS 14.2.1 23C71
    darwin-arm64, locale en-US)

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work lista: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)a: text inputEntering text in a text field or keyboard related problemscustomer: castawayfound in release: 3.19Found to occur in 3.19found in release: 3.20Found to occur in 3.20has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions