chrome-devtools-frontend 1.0.1650035 → 1.0.1650100

package/front_end/core/sdk/CSSMetadata.ts

@@ -60,6 +60,10 @@ export class CSSMetadata {
           continue;
         }
       }
+      const runtimeFlagStatus = property.runtime_flag_status;
+      if (Boolean(runtimeFlagStatus) && runtimeFlagStatus !== 'stable') {
+        continue;
+      }
       if (!CSS.supports(propertyName, 'initial')) {
         continue;
       }
@@ -127,7 +131,15 @@ export class CSSMetadata {
 
     for (const name of this.#valuesSet) {
       const values = this.specificPropertyValues(name)
-                         .filter(value => CSS.supports(name, value))
+                         .filter(value => {
+                           // Filter out values which are just the function name (e.g. 'url', 'radial-gradient', etc.)
+                           // The 'preset' is the full function (e.g. 'url(||)').
+                           const preset = valuePresets.get(name)?.get(value);
+                           if (preset && preset !== value) {
+                             return false;
+                           }
+                           return CSS.supports(name, value);
+                         })
                          .sort(CSSMetadata.sortPrefixesAndCSSWideKeywordsToEnd);
       const presets = values.map(value => `${name}: ${value}`);
       if (!this.isSVGProperty(name)) {
@@ -1424,6 +1436,10 @@ const extraPropertyValues = new Map<string, Set<string>>([
     ]),
   ],
   ['outline-style', new Set(['auto'])],
+  ['overflow-block', new Set(['auto', 'hidden', 'visible', 'overlay', 'scroll', 'clip'])],
+  ['overflow-inline', new Set(['auto', 'hidden', 'visible', 'overlay', 'scroll', 'clip'])],
+  ['overscroll-behavior-block', new Set(['auto', 'none', 'contain'])],
+  ['overscroll-behavior-inline', new Set(['auto', 'none', 'contain'])],
 ]);
 
 // Weight of CSS properties based on their usage from https://www.chromestatus.com/metrics/css/popularity
@@ -1693,4 +1709,6 @@ export interface CSSPropertyDefinition {
   is_descriptor?: boolean;
   // eslint-disable-next-line @typescript-eslint/naming-convention
   is_property?: boolean;
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  runtime_flag_status?: string;
 }