Save button is grayed out for media files

The CMS Questions
1

When clicking on a media file, changing a field, the “save” button is grayed out.

Screenshot 2020-02-20 at 14.09.08
Screenshot 2020-02-20 at 14.09.082880×768 70.3 KB

If I cmd+s it becomes normal and then I can click and save. Or cmd+s twice…

Kirby 3.3.4, mac, same with chrome and safari

Blueprint:

title: Image

accept: image/gif, image/ico, image/jpeg, image/jpg, image/png

fields:
  alt:
    label: Alt
    type: text
  caption:
    buttons:
      - headlines
      - bold
      - italic
      - link
    label: Caption
    size: medium
    type: textarea
2

I can’t reproduce the issue on Windows 10 / Chrome / Kirby 3.3.4
Have you tried deleting the cache and cookies?
Also, does an error appear on the console?

3

No error in the console. Tried again on a web server and it’s fine. This just happens in my local environment.

4

I can’t reproduce this either.

Do you get the same issue in a fresh Starterkit in your local environment? What is your local environment?

5

Is there a fix for this?
I’ve just had it too. Only happened recently when I created an image.yml blueprint.
Thanks for the work around (cmd + s).

I’m on Kirby 3.5.3.1, Mac, FireFox 86 in a Local environment via MAMP Pro with PHP 7.3.9

6

Could you please post your image.yml blueprint?

7

My image.yml below which was taken from the file samples (File blueprints | Kirby)

title: Image

columns:
  main:
    width: 1/2
    sections:
      content:
        type: fields
        fields:
          caption:
            label: Caption
            type: textarea
            size: medium
  sidebar:
    width: 1/2
    sections:
      meta:
        type: fields
        fields:
          alt:
            label: Alternative Text
            type: text

I have kept my eye out for it more today and noticed it happening on a structure field I added to custom page file.
Whenever I edit the structure field the save button appears but is knocked back, not clickable, When I click the ‘ok’ button to close the structure field the save button is clickable again.

8

My structure field is it helps:

type: fields
fields:
  work_list:
    label: Work List
    type: structure
    empty: No work items
    columns:
      work_title:
        width: 1/1
    fields:
      work_title:
        label: Title
        type: text

      work_description:
        label: Description
        type: textarea
        buttons: false
        help: Add a brief description of the project

      work_url:
        label: Work URL
        type: url
        help: Add the URL of the website

      credit_name:
        label: Credit
        type: text
        width: 1/2
        help: Add agency name

      credit_url:
        label: Credit URL
        type: url
        width: 1/2
        help: Add agency URL

      work_img:
        label: Work Image
        type: files
        layout: cards
        ratio: 6/4
        multiple: false
        size: small
        width: 1/2
9

Hm, that looks ok to me. Note that you have to confirm the structure field contents (i.e. click ok) before the save button becomes active.

10

OK no issue with structure field then.
Still get the knocked back save button on images as @johan described.
I’ve uploading to staging server to check and get the same issue.

Side note: Is there a way that to make all images use an image.yml blueprint instead of the file.yml?

11

File blueprint are assigned at file upload depending on the settings in your files section (template), files field/textarea field (uploads>template).

Another option to assign a template would be via a file.create:after hook.

12

Hm, don’t know how to reproduce this. And it only affects file metadata while the button is active on pages?

13

Thanks for that, so simple.
Template names are the .yml file name not the title within the .yml file aren’t they?

14

Yer I’ve only encountered it on file metadata.

15

Just tried it on a staging server and half the images I changed the meta on had the issue and half didn’t. Very odd.