Implement Floats

Cargo.toml

@@ -38,6 +38,7 @@ default = [
     "flexbox",
     "grid",
     "block_layout",
+    "float_layout",
     "calc",
     "content_size",
     "detailed_layout_info",
@@ -48,6 +49,8 @@ default = [
 
 ## Enables the Block layout algorithm. See [`compute_block_layout`](crate::compute_block_layout).
 block_layout = []
+## Enables the Float layout algorithm. This is a sub-feature of block layout.
+float_layout = []
 ## Enables the Flexbox layout algorithm. See [`compute_flexbox_layout`](crate::compute_flexbox_layout).
 flexbox = []
 ## Enables the CSS Grid layout algorithm. See [`compute_grid_layout`](crate::compute_grid_layout).

scripts/gentest/src/main.rs

@@ -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

scripts/gentest/test_helper.js

@@ -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),