Steps to Reproduce

Only on Web
Have a TextField withtextDirection that mismatches keyboard text direction (e.g. English keyboard andTextDireciton.rtl ).

import 'package:flutter/material.dart';void main() => runApp(RtlBrokenApp());class RtlBrokenApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      home: Scaffold(        body: Padding(          padding: const EdgeInsets.all(64),          child: TextField(            textDirection: TextDirection.rtl,          ),        ),      ),    );  }}

Reproducible onDartPad

Expected results:
I expect the cursor to be always aligned to the right (like on ios/android).

Actual results:
On the web, the cursor is in the wrong place compared to ios/android. It's ALMOST aligned to the right but not exactly (it's 1, 2 chars before it).

Reproducible on Fluter 2.1.0 and 2.0.2
Originally posted in#47745 (comment)
CC@mdebbar