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

void main() async {
  runApp(
    MaterialApp(
      theme: ThemeData(useMaterial3: true),
      title: 'Test',
      home: Scaffold(
        body: Row(
          children: [
            IconButton(
              icon: const Icon(Icons.play_arrow, semanticLabel: 'Play movie'),
              onPressed: () {},
            ),
            IconButton(
              icon: const Icon(Icons.play_arrow, semanticLabel: 'Play movie'),
              onPressed: () {},
            ),
            IconButton(
              icon: const Icon(Icons.play_arrow, semanticLabel: 'Play movie'),
              onPressed: () {},
            ),
          ],
        ),
      ),
    ),
  );

  // ISSUE:
  // 0. Requisites: (a) Accessibility (semantics tree) must not be enabled, and Flutter-web app must be iframed.
  // 1. Click on one of the buttons (say the middle one).
  // 2. Tab through the items using the physical keyboard.
  // 
  // Expected: It should tab through items within the Flutter-web iframe.
  // Actual: The focus doesn't move into the Flutter-web iframe. Tabbing moves between items on the iframe host.
  
  // Uncomment this line to enable the Semantics tree, which makes it work properly.
  //SemanticsBinding.instance.ensureSemantics();
}