Implement CSS Block layout (Display::Block)

Cargo.toml

@@ -21,7 +21,8 @@ slotmap = { version = "1.0.6", optional = true }
 grid = { version = "0.10.0", default-features = false, optional = true }
 
 [features]
-default = ["std", "flexbox", "grid", "taffy_tree"]
+default = ["std", "flexbox", "grid", "block_layout", "taffy_tree"]
+block_layout = []
 flexbox = []
 grid = ["alloc", "dep:grid"]
 alloc = []

README.md

@@ -6,7 +6,7 @@
 
 Taffy is a flexible, high-performance, cross-platform UI layout library written in [Rust](https://www.rust-lang.org).
 
-It currently implements the **Flexbox** and **CSS Grid** layout algorithms. Support for other paradigms is planned. For more information on this and other future development plans see the [roadmap issue](https://github.com/DioxusLabs/taffy/issues/345).
+It currently implements the CSS **Block**, **Flexbox** and **CSS Grid** layout algorithms. Support for other paradigms is planned. For more information on this and other future development plans see the [roadmap issue](https://github.com/DioxusLabs/taffy/issues/345).
 
 This crate is a collaborative, cross-team project, and is designed to be used as a dependency for other UI and GUI libraries.
 Right now, it powers:

RELEASES.md

@@ -28,6 +28,10 @@ Example usage change:
      ).unwrap();
 ```
 
+### Added
+
+- Support for [CSS Block layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow#elements_participating_in_a_block_formatting_context) has been added. This can be used via the new `Display::Block` variant of the `Display` enum. Note that inline, inline-block and float have *not* been implemented. The use case supported is block container nodes which contain block-level children.
+
 ### Removed
 
 - `layout_flexbox()` has been removed from the prelude. Use `FlexboxAlgorithm::perform_layout()` instead.

benches/src/yoga_helpers.rs

@@ -96,9 +96,10 @@ fn content_into_justify(align: Option<tf::JustifyContent>) -> yg::Justify {
 pub fn apply_taffy_style(node: &mut yg::Node, style: &tf::Style) {
     // display
     node.set_display(match style.display {
-        tf::Display::Flex => yg::Display::Flex,
-        tf::Display::Grid => panic!("Yoga does not support CSS Grid"),
         tf::Display::None => yg::Display::None,
+        tf::Display::Flex => yg::Display::Flex,
+        tf::Display::Grid => panic!("Yoga does not support CSS Grid layout"),
+        tf::Display::Block => panic!("Yoga does not support CSS Block layout"),
     });
 
     // position

scripts/gentest/src/main.rs

@@ -331,6 +331,7 @@ fn generate_node(ident: &str, node: &Value) -> TokenStream {
     let display = match style["display"] {
         Value::String(ref value) => match value.as_ref() {
             "none" => quote!(display: taffy::style::Display::None,),
+            "block" => quote!(display: taffy::style::Display::Block,),
             "grid" => quote!(display: taffy::style::Display::Grid,),
             _ => quote!(display: taffy::style::Display::Flex,),
         },