DioxusLabs
diff --git a/‎scripts/gentest/src/main.rs‎
Lines changed: 21 additions & 0 deletions b/‎scripts/gentest/src/main.rs‎
Lines changed: 21 additions & 0 deletions
diff --git a/‎scripts/gentest/test_helper.js‎
Lines changed: 3 additions & 0 deletions b/‎scripts/gentest/test_helper.js‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎test_fixtures/float/float_simple.html‎
Lines changed: 21 additions & 0 deletions b/‎test_fixtures/float/float_simple.html‎
Lines changed: 21 additions & 0 deletions
diff --git a/‎tests/generated/float/float_simple.rs‎
Lines changed: 233 additions & 0 deletions b/‎tests/generated/float/float_simple.rs‎
Lines changed: 233 additions & 0 deletions
diff --git a/‎tests/generated/float/mod.rs‎
Lines changed: 1 addition & 0 deletions b/‎tests/generated/float/mod.rs‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎tests/generated/mod.rs‎
Lines changed: 1 addition & 0 deletions b/‎tests/generated/mod.rs‎
Lines changed: 1 addition & 0 deletions
@@ -420,6 +420,25 @@ fn generate_node(ident: &str, node: &Value) -> TokenStream {
         _ => quote!(),
     };
 
+    let float = match style["cssFloat"] {
+        Value::String(ref value) => match value.as_ref() {
+            "left" => quote!(float: taffy::style::Float::Left,),
+            "right" => quote!(float: taffy::style::Float::Right,),
+            _ => quote!(),
+        },
+        _ => quote!(),
+    };
+
+    let clear = match style["clear"] {
+        Value::String(ref value) => match value.as_ref() {
+            "left" => quote!(clear: taffy::style::Clear::Left,),
+            "right" => quote!(clear: taffy::style::Clear::Right,),
+            "both" => quote!(clear: taffy::style::Clear::Right,),
+            _ => quote!(),
+        },
+        _ => quote!(),
+    };
+
     let flex_direction = match style["flexDirection"] {
         Value::String(ref value) => match value.as_ref() {
             "row-reverse" => quote!(flex_direction: taffy::style::FlexDirection::RowReverse,),
@@ -646,6 +665,8 @@ fn generate_node(ident: &str, node: &Value) -> TokenStream {
         #box_sizing
         #direction
         #position
+        #float
+        #clear
         #text_align
         #flex_direction
         #flex_wrap
 
@@ -212,6 +212,9 @@ function describeElement(e) {
 
       writingMode: parseEnum(e.style.writingMode),
 
+      cssFloat: parseEnum(e.style.cssFloat),
+      clear: parseEnum(e.style.clear),
+
       textAlign: parseEnum(e.style.textAlign),
 
       flexDirection: parseEnum(e.style.flexDirection),
 
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <script src="../../scripts/gentest/test_helper.js"></script>
+  <link rel="stylesheet" type="text/css" href="../../scripts/gentest/test_base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root"  style="display: block; height: 300px; border: 2px solid red;">
+  <div style="float: right; width: 50px; height: 50px; background: black;"></div>
+  <div style="float: right; width: 50px; height: 50px; background: blue;"></div>
+  <div style="float: right; width: 50px; height: 50px; background: green;"></div>
+  <div style="float: right; width: 50px; height: 50px; background: pink;"></div>
+  <div style="float: right; width: 50px; height: 50px; background: orange;"></div>
+</div>
+
+</body>
+</html>