From f9993174e30bb6e818d52c13b257899356e06fcd Mon Sep 17 00:00:00 2001
From: Florian Scholz <fs@florianscholz.com>
Date: Mon, 4 Aug 2025 12:34:08 +0200
Subject: [PATCH] Add missing sub features for CSS flexbox/grid properties

---
 css/properties/align-self.json      | 110 +++++++++++++++++++
 css/properties/justify-content.json |  99 +++++++++++++++++
 css/properties/justify-items.json   | 100 +++++++++++++++++
 css/properties/justify-self.json    | 165 ++++++++++++++++++++++++++++
 4 files changed, 474 insertions(+)

diff --git a/css/properties/align-self.json b/css/properties/align-self.json
index f5493ca07569b1..2d8478baaf5f4b 100644
--- a/css/properties/align-self.json
+++ b/css/properties/align-self.json
@@ -106,6 +106,43 @@
             }
           }
         },
+        "auto": {
+          "__compat": {
+            "spec_url": [
+              "https://drafts.csswg.org/css-align/#valdef-align-self-auto",
+              "https://drafts.csswg.org/css-flexbox/#valdef-align-items-auto"
+            ],
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "21"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "28"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "7"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "flex_context": {
           "__compat": {
             "description": "Supported in Flex Layout",
@@ -163,6 +200,7 @@
           },
           "baseline": {
             "__compat": {
+              "spec_url": "https://drafts.csswg.org/css-flexbox/#valdef-align-items-baseline",
               "tags": [
                 "web-features:flexbox"
               ],
@@ -346,6 +384,7 @@
           },
           "stretch": {
             "__compat": {
+              "spec_url": "https://drafts.csswg.org/css-flexbox/#valdef-align-items-stretch",
               "tags": [
                 "web-features:flexbox"
               ],
@@ -432,6 +471,40 @@
             }
           }
         },
+        "normal": {
+          "__compat": {
+            "spec_url": "https://drafts.csswg.org/css-align/#valdef-align-self-normal",
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "21"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "28"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "7"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "position_absolute_context": {
           "__compat": {
             "description": "Supported for absolutely-positioned boxes",
@@ -466,6 +539,43 @@
               "deprecated": false
             }
           }
+        },
+        "stretch": {
+          "__compat": {
+            "spec_url": [
+              "https://drafts.csswg.org/css-align/#valdef-align-self-stretch",
+              "https://drafts.csswg.org/css-flexbox/#valdef-align-items-stretch"
+            ],
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "21"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "28"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "7"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
         }
       }
     }
diff --git a/css/properties/justify-content.json b/css/properties/justify-content.json
index 141a6c1571f549..e8f36631a88c4f 100644
--- a/css/properties/justify-content.json
+++ b/css/properties/justify-content.json
@@ -350,6 +350,105 @@
               "deprecated": false
             }
           }
+        },
+        "left": {
+          "__compat": {
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "21"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "20"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "7"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "normal": {
+          "__compat": {
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "21"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "20"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "7"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "right": {
+          "__compat": {
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "21"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "20"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "7"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
         }
       }
     }
diff --git a/css/properties/justify-items.json b/css/properties/justify-items.json
index 08e460297b42d5..c7575e9f78a6ec 100644
--- a/css/properties/justify-items.json
+++ b/css/properties/justify-items.json
@@ -161,6 +161,106 @@
               "deprecated": false
             }
           }
+        },
+        "left": {
+          "__compat": {
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "52"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "20"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "9"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "legacy": {
+          "__compat": {
+            "spec_url": "https://drafts.csswg.org/css-align/#valdef-justify-items-legacy",
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "52"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "20"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "9"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "right": {
+          "__compat": {
+            "tags": [
+              "web-features:flexbox"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "52"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "20"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "9"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
         }
       }
     }
diff --git a/css/properties/justify-self.json b/css/properties/justify-self.json
index 8c54f9fdf5476e..7d0a8568439808 100644
--- a/css/properties/justify-self.json
+++ b/css/properties/justify-self.json
@@ -77,6 +77,39 @@
             }
           }
         },
+        "auto": {
+          "__compat": {
+            "tags": [
+              "web-features:grid"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "57"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "45"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "10.1"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "grid_context": {
           "__compat": {
             "description": "Supported in Grid Layout",
@@ -122,6 +155,72 @@
             }
           }
         },
+        "left": {
+          "__compat": {
+            "tags": [
+              "web-features:grid"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "57"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "45"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "10.1"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "normal": {
+          "__compat": {
+            "tags": [
+              "web-features:grid"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "57"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "45"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "10.1"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "position_absolute_context": {
           "__compat": {
             "description": "Supported for absolutely-positioned boxes",
@@ -156,6 +255,72 @@
               "deprecated": false
             }
           }
+        },
+        "right": {
+          "__compat": {
+            "tags": [
+              "web-features:grid"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "57"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "45"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "10.1"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "stretch": {
+          "__compat": {
+            "tags": [
+              "web-features:grid"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "57"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "45"
+              },
+              "firefox_android": "mirror",
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "10.1"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
         }
       }
     }