Clean up PR

Author: daohoangson

demo_app/test/table/width_in_percent_100_nested_stretch.png

@@ -287,7 +287,7 @@ class _RenderCssSizing extends RenderProxyBox {
       minWidth: stableChildSize?.width ?? preferredWidth ?? minWidth,
     );
 
-    // after everything... if the incoming are tight then we must follow it
+    // after everything... if the incoming is tight then we must follow it
     cc = c.hasTightWidth ? cc.tighten(width: c.maxWidth) : cc;
     cc = c.hasTightHeight ? cc.tighten(height: c.maxHeight) : cc;
 

demo_app/test/table/width_in_percent_100_nested_with_gaps.png

@@ -4,7 +4,7 @@ import 'package:flutter/rendering.dart';
 import 'package:flutter/widgets.dart';
 import 'package:logging/logging.dart';
 
-import 'css_sizing.dart' show CssSizingHint;
+import 'css_sizing.dart';
 
 /// A TABLE widget.
 class HtmlTable extends MultiChildRenderObjectWidget {
@@ -332,12 +332,15 @@ class _TableRenderLayouter {
     final columnGapsSum = (columnCount + 1) * tro.columnGap;
     final gapsAndPaddings = tro.paddingLeft + columnGapsSum + tro.paddingRight;
 
+    // calculate the available width if possible
+    // this may be null if table is inside a horizontal scroll view
     double? availableWidth;
     final maxWidth = tro._maxWidth ?? constraints.maxWidth;
     if (maxWidth.isFinite && maxWidth > 0) {
       availableWidth = maxWidth - gapsAndPaddings;
     }
 
+    // calculate the required width if specified (null by default)
     double? requiredWidth;
     final minWidth = tro._minWidth ?? constraints.minWidth;
     if (minWidth.isFinite && minWidth > 0) {

packages/core/lib/src/widgets/css_sizing.dart

@@ -1201,32 +1201,6 @@ Below''',
       </table>
     </td>
   </tr>
-</table>''',
-              'width_in_percent_100_nested_with_gaps': '''
-<table border="1">
-  <tr><td>Foo foo foo</td></tr>
-  <tr>
-    <td>
-      <table border="1">
-        <tr>
-          <td style="width: 100%">Foo</td>
-        </tr>
-      </table>
-    </td>
-  </tr>
-</table>''',
-              'width_in_percent_100_nested_stretch': '''
-<table border="1">
-  <tr><td>Foo foo foo</td></tr>
-  <tr>
-    <td>
-      <table border="1" style="width: 100%">
-        <tr>
-          <td style="width: 100%">Foo</td>
-        </tr>
-      </table>
-    </td>
-  </tr>
 </table>''',
               'width_in_px': '''
 <table border="1">