Make align=center work like CENTER tag (#1076)

daohoangson · Oct 25, 2023 · 4fe02e0 · 4fe02e0 · github-actions · Oct 25, 2023
1 parent 4b878c4
commit 4fe02e0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/core/lib/src/core_widget_factory.dart b/packages/core/lib/src/core_widget_factory.dart
@@ -1176,6 +1176,12 @@ class WidgetFactory extends WidgetFactoryResetter with AnchorWidgetFactory {
 
   static StylesMap _cssTextAlignFromAttribute(dom.Element element) {
     final value = element.attributes[kAttributeAlign];
+
+    if (value == kCssTextAlignCenter) {
+      // `align=center` works more like `CENTER` tag, not `text-align: center`
+      return const {kCssTextAlign: kCssTextAlignWebkitCenter};
+    }
+
     return value != null ? {kCssTextAlign: value} : const {};
   }
 

diff --git a/packages/core/test/style_text_align_test.dart b/packages/core/test/style_text_align_test.dart
@@ -22,7 +22,8 @@ void main() {
       expect(
         explained,
         equals(
-          '[CssBlock:child=[RichText:align=center,(:_X_)]]',
+          '[CssBlock:child=[Center:heightFactor=1.0,child='
+          '[RichText:align=center,(:_X_)]]]',
         ),
       );
     });