JavaScript validations applied to file uploads, such as allowed extension restrictions, do not work. The high-level issue is that the validation criteria are represented in a JavaScript object, drupalSettings.file.elements, but it references incorrect element ids for the file inputs.
I thought this was perhaps related to #2179655: JS file validation broken → , but AFAICT that's not the case. The symptom is the same though.
Unfortunately, file.js seems to be correct.
Try uploading an image at node/add/article inside CKEditor. file.js causes JS errors. Specifically on
this.value.length > 0
Because this.value, which in turn is because this == the <div>, not the <input>.
That, in turn, is because of $context.find(selector) in file.js receives selector === '#edit-fid-upload', instead of '#edit-fid-upload--2'. Therefor it listens for events at $context (the <div>) rather than at <input>.
That, again, in turn, is because drupalSettings.file.elements does not contain '#edit-file-upload--2'. So either ajaxPageState is broken again/in yet another way, or the HTML ID being generated for the file upload input element is somehow wrong.
Rather than storing validation information for each file field in a JavaScript object that is not tightly associated to the input fields, store the validation information as data- attributes in the file input markup.
None.
None.
Needs work
11.0 🔥
Makes Drupal easier to use. Preferred over UX, D7UX, etc.
A change record needs to be drafted before an issue is committed. Note: Change records used to be called change notifications.
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
I have this problem in a Drupal 10 project.
The Image field of my Image Media type has these allowed file extensions setup:
gif, jpeg, jpg, png, tif, tiff
However, I cannot upload .tif images because it says its not allowed.
'tif' is also missing from the list underneath the upload file field.
I can however, upload .tiff images (with two 'ff' at the end it works, but with one it doesn't).