Steps to Reproduce

Only on Web
Have a TextField with textDirection that mismatches keyboard text direction (e.g. English keyboard and TextDireciton.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 on DartPad

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