271705 2024-03-26 06:57:21 -0700 iOS: <input type="file" webkitdirectory> doesn't work. 2025-03-24 14:54:05 -0700 1 1 1 Unclassified WebKit Forms Safari 17 iPhone / iPad Unspecified RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=284457 InRadar P2 Normal --- 1 danielhunterjacobs lily_spiniolas akeerthi ap cdumez karlcow webkit-bug-importer wenson_hsieh oldest_to_newest 2023906 0 danielhunterjacobs 2024-03-26 06:57:21 -0700 https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory#result on Safari on iOS does not let you select a directory. 2023995 1 ap 2024-03-26 13:03:58 -0700 Looks like this is the only code we have referencing this attribute: // As of Sept 2017, Chrome and Firefox both only populate webkitEntries when the webkitdirectory flag is unset. // We do the same for consistency. if (input.hasAttributeWithoutSynchronization(webkitdirectoryAttr)) return { }; Weird that it got documented somewhere, and even specced. 2024086 2 karlcow 2024-03-26 20:12:33 -0700 webkitdirectory was implemented in Gecko (Firefox) on June 2016 https://bugzilla.mozilla.org/show_bug.cgi?id=1258489 This was implemented for compatibility reasons with *Chrome* (when Chrome was using webkit) for websites like mega.nz in the past. There was at the time a spec issue opened on the compat spec. https://github.com/whatwg/compat/issues/54 It was eventually added to the File and Directory Entries API, Draft Community Group Report, which is not on the W3C standard track https://wicg.github.io/entries-api/#html-forms The document is clear > NOTE: The APIs described by this document was initially implemented in Google Chrome. Other browsers (at this time: Edge, Firefox and Safari) are starting to support subsets of Chrome’s APIs and behavior. The intent of this document is to specify the common subset to ensure that the implementations are interoperable. This is also in WebKit code. https://searchfox.org/mozilla-central/rev/fb2ad9ca7150890da5cadc458acdd10c87fd9a12/dom/html/HTMLInputElement.h#712-714 In addition to Safari on iOS (this bug), note that this is not available on Firefox Android. I don't remember seeing anything recently about spec work around directly uploads. 2024088 3 webkit-bug-importer 2024-03-26 20:28:26 -0700 <rdar://problem/125457578> 2024091 4 akeerthi 2024-03-26 20:38:02 -0700 Just to correct Alexey's comment, as that is not the only use of the attribute. The important use is here: ``` bool FileInputType::allowsDirectories() const { ASSERT(element()); if (!element()->document().settings().directoryUploadEnabled()) return false; return element()->hasAttributeWithoutSynchronization(webkitdirectoryAttr); } ``` Which is set on `FileChooserSettings`. However, we are currently not reading the bit, and have not yet implemented the feature on iOS. 2065364 5 lily_spiniolas 2024-10-03 21:30:52 -0700 Pull request: https://github.com/WebKit/WebKit/pull/34675 2065483 6 ews-feeder 2024-10-04 09:34:22 -0700 Committed 284685@main (ca350c23acde): <https://commits.webkit.org/284685@main> Reviewed commits have been landed. Closing PR #34675 and removing active labels. 2105578 7 danielhunterjacobs 2025-03-24 07:53:02 -0700 Are you sure this is working? Is it working on iOS 18.3? If not, what version of iOS supports or will support it? I tested https://codepen.io/danieljacobs/pen/VwodKYg with a device using iOS 18.3 and was not able to select a directory, just a file. 2105581 8 danielhunterjacobs 2025-03-24 07:56:24 -0700 That codepen works on Chrome on Android and every desktop browser I've tried, and https://bugzilla.mozilla.org/show_bug.cgi?id=1887878 is open to support it on Firefox on Android. 2105689 9 ap 2025-03-24 14:54:05 -0700 This should be fixed in iOS 18.4 beta. Please let us know how it goes for you!