List with multiple file inside freezes admin panel

Archive
1

Posted yesterday, but the post was a mes… Let me explain better:

I have this configuration for a multi file inside a list:

header.imageslist:
name: imagelist
type: list
style: vertical
fields:
.images:
type: file
style: vertical
destination: ‘@self/images’
multiple: true
accept:
– image/*
validate:
type: array
.title:
type: text
style: vertical
label: Title
validate:
type: array
--- 

After adding a title and 1 image, I open the md file and I get:

imageslist:

title: ‘Test’
images:
user/pages/01.Test/mars/images/mars.jpeg
name: mars.jpeg
type: image/jpeg
size: 53984
path: user/pages/01.Test/mars/images/mars.jpeg


But, after re-saving the file, the admin page is frozen (cannot scroll on this tab), and after opening the md file again, I see this:

imageslist:

title: ‘Test’
images:
user/pages/01.Test/mars/images/mars.jpeg:
– mars.jpeg
– image/jpeg
– ‘53984’
– user/pages/01.Test/mars/images/mars.jpeg


Notice that in the first case, the items of the file contains a <name>:<value> and in the second case, the name is missing and are listed as a list, and of course, it cannot be opened and cannot work with this file. How I can handle with this?
2

Well first off, is that code copied directly from a Markdown-file or editor? Cause ‘ is a special typographic character, where you really want to enclose values in regular ' or " quotes.

Second, the indentation from the first piece of code is seemingly missing, but did you try adding array: true below type: list? There is a current issue with the list-field in blueprints.

Third, when the page is frozen, does any error pop up in the console (Chrome DevTools for example, press F12)?

3

Hi!

Thanks for the answer.

When I mean frozen is what I can see on the image.

And about indentation and everything else, see the attached images:

Screen Shot 2017-02-20 at 13
Screen Shot 2017-02-20 at 13

4

By frozen I assume you mean it will not scroll. This has previously been caused by using CloudFlare’s JS optimization, or a improperly encoded language in the Admin-plugin - the latter fixed by updating to the most recent version of Grav and themes/plugins.

5

Yes… I cannot scroll…

And about images and list… do you know if there’s something wrong in my implementation??? Thanks!

6

Is there any JavaScript issue(error) listed in the browser console?

The Admin plugin is the latest version? We had a JS issue in a recent release. Also try clearing the Grav + browser caches, and hard-reload the page to make sure you got the javascript updated.

7

Yes, is the latest version 1.2.14… And I’ve hard-reloaded the page and still with the error…

8

What is the specific error shown in the console?

9

There’s no error, but as described below, it is when saved the md file

10

The file is not saved properly :frowning:

11

Looks like a problem with the MIME type. Try

accept: ["image/*"]

should be working, can you confirm?

12

You mean with [] ??? Because it was present on the code…

13

If I put accept: [“image/*”], the part related to image files is not saved, so, it does not fix the problem

14

Remember that the first time I save the file, it is saved properly, so it doesn’t seem to be a problem with the mime type. I think there’s a problem when reading WITH VALID CONTENT and writing the file again.

15

See the images: The first one is the one I got when I put images and I save the first time, and the second one is when I save again (without any changes)

Screen Shot 2017-02-21 at 07 Screen Shot 2017-02-21 at 07

16

Remove

                  validate:
                    type: array

on the file field. This will solve that issue.

17

You rock!!! Thanks!