title: Flutter web renderer (not CanvasKit): Nested Y Axis rotation causes a child widget to disappear
body: <p>While nesting two <code>Transform</code> widgets, child widget (I.E. a picture) is disappearing in some cases.</p>
  <p>It happens with <code>Animation</code> and <code>AnimatedBuilder</code> as well.</p>
  <p>Conditions for reproducing:</p>
  <ul>
  <li>Wide screen resolution only.</li>
  <li>Flutter Web with HTML web renderer only (Not Android nor Flutter Web with <code>CanvasKit</code>)</li>
  <li>Flutter 2.10.2</li>
  </ul>
  <p>Minimal reproduce:</p>
  <ol>
  <li><p>Create new folder <code>flutter_web_bug</code></p>
  </li>
  <li><p>Open terminal inside that folder and execute <code>flutter create .</code></p>
  </li>
  <li><p>Replace <code>./lib/main.dart</code> contents with the following code</p>
  </li>
  <li><p>Open terminal and execute <code>flutter run -d chrome --web-renderer html</code></p>
  <pre><code> import 'dart:async';
   import 'dart:math';
  
   import 'package:flutter/material.dart';
  
   void main() {
     runApp(const MyApp());
   }
  
   class MyApp extends StatelessWidget {
     const MyApp({Key? key}) : super(key: key);
  
     @override
     Widget build(BuildContext context) {
       return const MaterialApp(
         title: 'Flutter web bug',
         home: MyHomePage(title: 'Flutter web bug'),
       );
     }
   }
  
   class MyHomePage extends StatefulWidget {
     const MyHomePage({Key? key, required this.title}) : super(key: key);
  
     final String title;
  
     @override
     State&lt;MyHomePage&gt; createState() =&gt; _MyHomePageState();
   }
  
   class _MyHomePageState extends State&lt;MyHomePage&gt; {
     double angle = 0.0;
     @override
     void initState() {
       super.initState();
       Timer.periodic(const Duration(milliseconds: 20), (timer) {
         setState(() {
           angle += 0.01;
         });
       });
     }
  
     @override
     Widget build(BuildContext context) {
       return Scaffold(
           appBar: AppBar(
             title: Text(widget.title),
           ),
           body: Center(
             child: Transform(
                 transform: Matrix4.identity()
                   ..setEntry(3, 2, 0.001)
                   ..rotateY(pi * angle),
                 alignment: Alignment.center,
                 child: Align(
                     alignment: Alignment.center,
                     child: Container(
                         color: const Color(0xffaaffff),
                         child: Transform(
                             alignment: Alignment.center,
                             transform: Matrix4.identity()..rotateY(pi),
                             child: Image.network('https://docs.flutter.dev/assets/images/dash/dash-fainting.gif'))))),
           ));
     }
   }
  </code></pre>
  </li>
  </ol>
  <p>Demonstration:</p>
  <p><a href="https://i.stack.imgur.com/uUl4y.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uUl4y.gif" alt="HTML web renderer bug" /></a></p>