fix: fix svg element disposed error when reattach.

webf/lib/src/dom/element.dart

@@ -16,6 +16,7 @@ import 'package:webf/foundation.dart';
 import 'package:webf/rendering.dart';
 import 'package:webf/src/bridge/native_types.dart';
 import 'package:webf/src/svg/rendering/container.dart';
+import 'package:webf/svg.dart';
 import 'package:webf/widget.dart';
 import 'package:webf/src/css/query_selector.dart' as QuerySelector;
 
@@ -54,21 +55,25 @@ enum BoxSizeType {
 mixin ElementBase on Node {
   RenderLayoutBox? _renderLayoutBox;
   RenderReplaced? _renderReplaced;
+  RenderBoxModel? _renderSVG;
   RenderWidget? _renderWidget;
 
-  RenderBoxModel? get renderBoxModel => _renderLayoutBox ?? _renderReplaced ?? _renderWidget;
+  RenderBoxModel? get renderBoxModel => _renderLayoutBox ?? _renderReplaced ?? _renderWidget ?? _renderSVG;
 
   set renderBoxModel(RenderBoxModel? value) {
     if (value == null) {
       _renderReplaced = null;
       _renderLayoutBox = null;
       _renderWidget = null;
+      _renderSVG = null;
     } else if (value is RenderReplaced) {
       _renderReplaced = value;
     } else if (value is RenderLayoutBox) {
       _renderLayoutBox = value;
     } else if (value is RenderWidget) {
       _renderWidget = value;
+    } else if (value is RenderSVGShape || value is RenderSVGContainer) {
+      _renderSVG = value;
     } else {
       if (!kReleaseMode) throw FlutterError('Unknown RenderBoxModel value.');
     }
@@ -121,6 +126,8 @@ abstract class Element extends ContainerNode with ElementBase, ElementEventMixin
 
   bool get isWidgetElement => false;
 
+  bool get isSVGElement => false;
+
   // Holding reference if this element are managed by Flutter framework.
   WebFHTMLElementStatefulWidget? flutterWidget_;
   WebFHTMLElementToFlutterElementAdaptor? flutterWidgetElement;
@@ -362,6 +369,8 @@ abstract class Element extends ContainerNode with ElementBase, ElementEventMixin
     } else if (isReplacedElement) {
       nextRenderBoxModel =
           _createRenderReplaced(isRepaintBoundary: isRepaintBoundary, previousReplaced: _renderReplaced);
+    } else if (isSVGElement) {
+      nextRenderBoxModel = createRenderSVG(isRepaintBoundary: isRepaintBoundary, previous: _renderSVG);
     } else {
       nextRenderBoxModel =
           _createRenderLayout(isRepaintBoundary: isRepaintBoundary, previousRenderLayoutBox: _renderLayoutBox);
@@ -429,6 +438,10 @@ abstract class Element extends ContainerNode with ElementBase, ElementEventMixin
     return nextReplaced;
   }
 
+  RenderBoxModel createRenderSVG({RenderBoxModel? previous, bool isRepaintBoundary = false}) {
+    throw UnimplementedError();
+  }
+
   RenderWidget _createRenderWidget({RenderWidget? previousRenderWidget, bool forceUpdate = false }) {
     RenderWidget nextReplaced;
 

webf/lib/src/svg/circle.dart

@@ -2,16 +2,12 @@
  * Copyright (C) 2022-present The WebF authors. All rights reserved.
  */
 
+import 'package:webf/rendering.dart';
 import 'package:webf/svg.dart';
 
 import 'rendering/circle.dart';
 
 class SVGCircleElement extends SVGGeometryElement {
-  RenderSVGCircle? _renderer;
-
-  @override
-  get renderBoxModel => _renderer;
-
   @override
   get presentationAttributeConfigs => super.presentationAttributeConfigs
     ..addAll([
@@ -23,13 +19,7 @@ class SVGCircleElement extends SVGGeometryElement {
   SVGCircleElement(super.context) {}
 
   @override
-  createRenderer() {
-    return _renderer = RenderSVGCircle(renderStyle: renderStyle, element: this);
-  }
-
-  @override
-  void didDetachRenderer() {
-    super.didDetachRenderer();
-    _renderer = null;
+  RenderBoxModel createRenderSVG({RenderBoxModel? previous, bool isRepaintBoundary = false}) {
+    return RenderSVGCircle(renderStyle: renderStyle);
   }
 }

webf/lib/src/svg/element.dart

@@ -25,6 +25,9 @@ class SVGPresentationAttributeConfig {
 class SVGElement extends Element {
   Map<String, dynamic> attributeStyle = {};
 
+  @override
+  bool get isSVGElement => true;
+
   // Presentation attribute config cache
   List<SVGPresentationAttributeConfig>? _presentationAttributesConfigsCache;
 
@@ -52,11 +55,6 @@ class SVGElement extends Element {
     attributeStyle[property] = value;
   }
 
-  @override
-  void updateRenderBoxModel({ bool forceUpdate = false }) {
-    // do not needs to update
-  }
-
   @override
   void applyAttributeStyle(CSSStyleDeclaration style) {
     attributeStyle.forEach((key, value) {

webf/lib/src/svg/ellipse.dart

@@ -3,13 +3,12 @@
  */
 
 import 'package:webf/css.dart';
+import 'package:webf/rendering.dart';
 import 'package:webf/svg.dart';
 
 import 'rendering/ellipse.dart';
 
 class SVGEllipseElement extends SVGGeometryElement {
-  RenderSVGEllipse? _renderer;
-
   @override
   // TODO: implement defaultStyle
   Map<String, dynamic> get defaultStyle => super.defaultStyle
@@ -18,9 +17,6 @@ class SVGEllipseElement extends SVGGeometryElement {
       RY: 'auto',
     });
 
-  @override
-  get renderBoxModel => _renderer;
-
   @override
   get presentationAttributeConfigs => super.presentationAttributeConfigs
     ..addAll([
@@ -34,13 +30,8 @@ class SVGEllipseElement extends SVGGeometryElement {
   SVGEllipseElement(super.context) {}
 
   @override
-  createRenderer() {
-    return _renderer = RenderSVGEllipse(renderStyle: renderStyle, element: this);
+  RenderBoxModel createRenderSVG({RenderBoxModel? previous, bool isRepaintBoundary = false}) {
+    return RenderSVGEllipse(renderStyle: renderStyle);
   }
 
-  @override
-  void didDetachRenderer() {
-    super.didDetachRenderer();
-    _renderer = null;
-  }
 }

webf/lib/src/svg/g.dart

@@ -2,26 +2,16 @@
  * Copyright (C) 2022-present The WebF authors. All rights reserved.
  */
 
+import 'package:webf/rendering.dart';
 import 'package:webf/svg.dart';
 
 import 'rendering/container.dart';
 
 class SVGGElement extends SVGGraphicsElement {
-  RenderSVGContainer? _renderer;
-
-  @override
-  get renderBoxModel => _renderer;
-
   SVGGElement(super.context) {}
 
   @override
-  createRenderer() {
-    return _renderer = RenderSVGContainer(renderStyle: renderStyle, element: this);
-  }
-
-  @override
-  void didDetachRenderer() {
-    super.didDetachRenderer();
-    _renderer = null;
+  RenderBoxModel createRenderSVG({RenderBoxModel? previous, bool isRepaintBoundary = false}) {
+    return RenderSVGContainer(renderStyle: renderStyle);
   }
 }

webf/lib/src/svg/line.dart

@@ -2,15 +2,11 @@
  * Copyright (C) 2022-present The WebF authors. All rights reserved.
  */
 
+import 'package:webf/rendering.dart';
 import 'package:webf/src/svg/rendering/line.dart';
 import 'package:webf/svg.dart';
 
 class SVGLineElement extends SVGGeometryElement {
-  RenderSVGLine? _renderer;
-
-  @override
-  get renderBoxModel => _renderer;
-
   @override
   get presentationAttributeConfigs => super.presentationAttributeConfigs
     ..addAll([
@@ -23,13 +19,8 @@ class SVGLineElement extends SVGGeometryElement {
   SVGLineElement(super.context) {}
 
   @override
-  createRenderer() {
-    return _renderer = RenderSVGLine(renderStyle: renderStyle, element: this);
+  RenderBoxModel createRenderSVG({RenderBoxModel? previous, bool isRepaintBoundary = false}) {
+    return RenderSVGLine(renderStyle: renderStyle);
   }
 
-  @override
-  void didDetachRenderer() {
-    super.didDetachRenderer();
-    _renderer = null;
-  }
 }

webf/lib/src/svg/path.dart

@@ -3,30 +3,21 @@
  */
 
 import 'package:flutter/rendering.dart';
+import 'package:webf/rendering.dart';
 import 'package:webf/svg.dart';
 
 import 'rendering/path.dart';
 
 class SVGPathElement extends SVGGeometryElement {
-  RenderSVGPath? _renderer;
-
-  @override
-  get renderBoxModel => _renderer;
-
   @override
   get presentationAttributeConfigs => super.presentationAttributeConfigs
     ..addAll([SVGPresentationAttributeConfig('d')]);
 
   SVGPathElement(super.context) {}
 
   @override
-  RenderBox createRenderer() {
-    return _renderer = RenderSVGPath(renderStyle: renderStyle, element: this);
+  RenderBoxModel createRenderSVG({RenderBoxModel? previous, bool isRepaintBoundary = false}) {
+    return RenderSVGPath(renderStyle: renderStyle);
   }
 
-  @override
-  void didDetachRenderer() {
-    super.didDetachRenderer();
-    _renderer = null;
-  }
 }

webf/lib/src/svg/rect.dart

@@ -2,15 +2,11 @@
  * Copyright (C) 2022-present The WebF authors. All rights reserved.
  */
 
+import 'package:webf/rendering.dart';
 import 'package:webf/svg.dart';
 import 'rendering/rect.dart';
 
 class SVGRectElement extends SVGGeometryElement {
-  RenderSVGRect? _renderer;
-
-  @override
-  get renderBoxModel => _renderer;
-
   @override
   get presentationAttributeConfigs => super.presentationAttributeConfigs
     ..addAll([
@@ -25,13 +21,7 @@ class SVGRectElement extends SVGGeometryElement {
   SVGRectElement(super.context) {}
 
   @override
-  createRenderer() {
-    return _renderer = RenderSVGRect(renderStyle: renderStyle, element: this);
-  }
-
-  @override
-  void didDetachRenderer() {
-    super.didDetachRenderer();
-    _renderer = null;
+  RenderBoxModel createRenderSVG({RenderBoxModel? previous, bool isRepaintBoundary = false}) {
+    return RenderSVGRect(renderStyle: renderStyle);
   }
 }

webf/lib/src/svg/rendering/circle.dart

@@ -7,7 +7,7 @@ import 'dart:ui';
 import 'shape.dart';
 
 class RenderSVGCircle extends RenderSVGShape {
-  RenderSVGCircle({required super.renderStyle, super.element});
+  RenderSVGCircle({required super.renderStyle});
 
   @override
   Path asPath() {

webf/lib/src/svg/rendering/container.dart

@@ -11,9 +11,7 @@ class RenderSVGContainer extends RenderBoxModel
     with
         ContainerRenderObjectMixin<RenderBox,
             ContainerBoxParentData<RenderBox>> {
-  final SVGElement? element;
-
-  RenderSVGContainer({required super.renderStyle, this.element});
+  RenderSVGContainer({required super.renderStyle});
 
   @override
   double? computeDistanceToActualBaseline(TextBaseline baseline) {

webf/lib/src/svg/rendering/ellipse.dart

@@ -7,7 +7,7 @@ import 'dart:ui';
 import 'shape.dart';
 
 class RenderSVGEllipse extends RenderSVGShape {
-  RenderSVGEllipse({required super.renderStyle, super.element});
+  RenderSVGEllipse({required super.renderStyle});
 
   @override
   Path asPath() {

webf/lib/src/svg/rendering/empty.dart

@@ -7,7 +7,7 @@ import 'container.dart';
 
 // don't render anything
 class RenderSVGEmpty extends RenderSVGContainer {
-  RenderSVGEmpty({required super.renderStyle, super.element});
+  RenderSVGEmpty({required super.renderStyle});
 
   @override
   void performLayout() {

webf/lib/src/svg/rendering/line.dart

@@ -4,7 +4,7 @@ import 'package:webf/src/svg/rendering/shape.dart';
 
 // https://developer.mozilla.org/en-US/docs/Web/SVG/Element/line
 class RenderSVGLine extends RenderSVGShape{
-  RenderSVGLine({required super.renderStyle,super.element});
+  RenderSVGLine({required super.renderStyle});
 
   @override
   Path asPath() {

webf/lib/src/svg/rendering/path.dart

@@ -7,7 +7,7 @@ import 'dart:ui';
 import 'shape.dart';
 
 class RenderSVGPath extends RenderSVGShape {
-  RenderSVGPath({required super.renderStyle, super.element});
+  RenderSVGPath({required super.renderStyle});
 
   @override
   Path asPath() {

webf/lib/src/svg/rendering/rect.dart

@@ -7,7 +7,7 @@ import 'dart:ui';
 import 'shape.dart';
 
 class RenderSVGRect extends RenderSVGShape {
-  RenderSVGRect({required super.renderStyle, super.element});
+  RenderSVGRect({required super.renderStyle});
 
   @override
   Path asPath() {

webf/lib/src/svg/rendering/root.dart

@@ -43,7 +43,6 @@ class RenderSVGRoot extends RenderSVGContainer {
 
   RenderSVGRoot({
     required super.renderStyle,
-    super.element,
     Rect? viewBox,
     SVGPreserveAspectRatio ratio = const SVGPreserveAspectRatio(),
   })  : _viewBox = viewBox,

webf/lib/src/svg/rendering/shape.dart

@@ -9,11 +9,8 @@ import 'package:webf/svg.dart';
 abstract class RenderSVGShape extends RenderBoxModel {
   bool _needUpdateShape = true;
 
-  SVGGeometryElement? element;
-
   RenderSVGShape({
     required super.renderStyle,
-    this.element,
   });
 
   Path? _path;

webf/lib/src/svg/rendering/text.dart

@@ -7,11 +7,9 @@ import 'package:webf/rendering.dart';
 import 'package:webf/svg.dart';
 
 class RenderSVGText extends RenderBoxModel with RenderObjectWithChildMixin<RenderTextBox> {
-  SVGTextElement? element;
-
   var _baseline = 0.0;
 
-  RenderSVGText({required super.renderStyle, this.element});
+  RenderSVGText({required super.renderStyle});
 
   @override
   double? computeDistanceToActualBaseline(TextBaseline baseline) {