Add features for <input type="file" multiple> and<input type="file" webkitdirectory> (#3486)

Co-authored-by: Patrick Brosset <[email protected]>

Author: ddbeck

features/draft/file-and-directory-entries.yml

@@ -0,0 +1,24 @@
+name: '<input type="file" multiple>'
+description: The `<input type="file" multiple>` HTML element shows a file picker from which users can choose one or more files to upload with a form.
+spec: https://html.spec.whatwg.org/multipage/input.html#attr-input-multiple
+caniuse: input-file-multiple
+group:
+  - forms
+  - file-system
+status:
+  compute_from:
+    - api.HTMLInputElement.multiple
+    - html.elements.input.multiple
+compat_features:
+  - api.HTMLInputElement.multiple
+  - api.HTMLInputElement.webkitEntries
+  # The `multiple` attribute could be part of input-email-tel-url, but requires
+  # a solution to https://github.com/web-platform-dx/web-features/issues/1173
+  - html.elements.input.multiple
+  # These interfaces are plausibily part of this feature, but the upstream data is not right.
+  # See https://github.com/mdn/browser-compat-data/issues/19304
+  # - api.FileSystemDirectoryEntry
+  # - api.FileSystemDirectoryReader
+  # - api.FileSystemEntry
+  # - api.FileSystemFileEntry
+  # - api.FileSystem

features/draft/file-and-directory-entries.yml.dist

@@ -0,0 +1,40 @@
+# Generated from: input-file-multiple.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "2"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "3.6"
+    firefox_android: "4"
+    safari: "4"
+    safari_ios: "3.2"
+compat_features:
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "2"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3.6"
+  #   firefox_android: "4"
+  #   safari: "4"
+  #   safari_ios: "3.2"
+  - api.HTMLInputElement.multiple
+  - html.elements.input.multiple
+
+  # baseline: false
+  # support:
+  #   chrome: "22"
+  #   chrome_android: "25"
+  #   edge: "79"
+  #   firefox: "50"
+  #   safari: "11.1"
+  #   safari_ios: "11.3"
+  - api.HTMLInputElement.webkitEntries

features/input-file-multiple.yml

@@ -0,0 +1,10 @@
+name: <input type="file" webkitdirectory>
+description: The `<input type="file" webkitdirectory>` HTML element shows a file picker from which users can choose a folder to upload with the form.
+spec: https://wicg.github.io/entries-api/#html-forms
+caniuse: input-file-directory
+group:
+  - forms
+  - file-system
+compat_features:
+  - api.File.webkitRelativePath
+  - html.elements.input.webkitdirectory

features/input-file-multiple.yml.dist

@@ -0,0 +1,38 @@
+# Generated from: input-file-webkitdirectory.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: low
+  baseline_low_date: 2025-08-19
+  support:
+    chrome: "13"
+    chrome_android: "132"
+    edge: "13"
+    firefox: "50"
+    firefox_android: "142"
+    safari: "11.1"
+    safari_ios: "18.4"
+compat_features:
+  # baseline: low
+  # baseline_low_date: 2025-07-22
+  # support:
+  #   chrome: "7"
+  #   chrome_android: "132"
+  #   edge: "13"
+  #   firefox: "50"
+  #   firefox_android: "141"
+  #   safari: "11.1"
+  #   safari_ios: "18.4"
+  - html.elements.input.webkitdirectory
+
+  # baseline: low
+  # baseline_low_date: 2025-08-19
+  # support:
+  #   chrome: "13"
+  #   chrome_android: "18"
+  #   edge: "13"
+  #   firefox: "50"
+  #   firefox_android: "142"
+  #   safari: "11.1"
+  #   safari_ios: "11.3"
+  - api.File.webkitRelativePath

features/input-file-webkitdirectory.yml

@@ -27,7 +27,6 @@ compat_features:
   - api.HTMLInputElement.list
   - api.HTMLInputElement.maxLength
   - api.HTMLInputElement.minLength
-  - api.HTMLInputElement.multiple
   - api.HTMLInputElement.name
   - api.HTMLInputElement.pattern
   - api.HTMLInputElement.placeholder
@@ -58,7 +57,6 @@ compat_features:
   - html.elements.input.list
   - html.elements.input.maxlength
   - html.elements.input.minlength
-  - html.elements.input.multiple
   - html.elements.input.name
   - html.elements.input.pattern
   - html.elements.input.placeholder

features/input-file-webkitdirectory.yml.dist

@@ -93,20 +93,6 @@ compat_features:
   #   safari_ios: "1"
   - api.HTMLInputElement.select_event
 
-  # baseline: high
-  # baseline_low_date: 2015-07-29
-  # baseline_high_date: 2018-01-29
-  # support:
-  #   chrome: "2"
-  #   chrome_android: "18"
-  #   edge: "12"
-  #   firefox: "3.6"
-  #   firefox_android: "4"
-  #   safari: "4"
-  #   safari_ios: "3.2"
-  - api.HTMLInputElement.multiple
-  - html.elements.input.multiple
-
   # baseline: high
   # baseline_low_date: 2015-07-29
   # baseline_high_date: 2018-01-29