Unable to edit images in 4.7.1/7.42

The CMS Questions
1

Hi there, Roughly a few months ago I created my personal portfolio.
Which is currently a single page website.

This is my blueprint:

  images:
    sections:
      images:
        type: files
        label: Images
        layout: cards
        size: small
        info: "{{ file.dimensions }}"
        template: image
        image:
          ratio: 1/1

I wish to edit some meta data on the images, but when I click an image it goes back to the overview of my pages. or when I click the … on the lower right or square icon on the top left of an image… it displays this error.

this.$el.showModal is not a function. (In 'this.$el.showModal()', 'this.$el.showModal' is undefined)

I hope someone knows what is going on, because this looks odd.

2

What is the first images key in that blueprints, looks a bit odd. Is that part of a tab? Taken on its own, the posted code does not make sense, so please provide either the complete blueprint or an excerpt that can stand alone. It this an excerpt from a page blueprint?

3

Hello @texnixe

Yes this is part of a page blueprint, a tabbed layout.
It used to work perfectly. I took a file comparison, when I uploaded the site on GitHub. It worked back then, now it does not anymore. Pretty odd.

I have cut out a huge portion of irrelevant tabs and content

title: Home

status:
  draft: true
  unlisted: Locked
  listed: true

options:
  delete: true

tabs:
  content:
  ...
  seo: seo/page
  images:
    sections:
      images:
        type: files
        label: Images
        layout: cards
        size: small
        info: "{{ file.dimensions }}"
        template: image
        image:
          ratio: 1/1

Image template (blueprints/files/image.yml)

title: Image
accept: image/*

columns:
  - width: 1/2
    sections:
      content:
        type: fields
        fields:
          caption:
            label: Caption
            type: writer
            size: medium
  - width: 1/2
    sections:
      meta:
        type: fields
        fields:
          alt:
            label: Alternative Text
            type: text
          photographer:
            label: Photogapher
            type: text
            width: 2/3
          license:
            label: License
            type: select
            width: 1/3
            options:
              - Unsplash
              - CC BY 4.0
              - CC BY-SA 4.0
              - CC BY-NC 4.0
              - CC BY-ND 4.0
          link:
            label: Link
            type: url
4

Next to the error aforementioned.

I get sometimes the message: The dropdown is empty
or, as most of the time, when I click to edit an image, it simply returns me to the list of pages.
Really would love to find out what is going on.

5

No one has the same issue?

6

Have you considered that your server may have aggressive caching, such as that provided by Cloudflare, which could cause incorrect JSON to be served in response to Kirby API requests?

7

Hmm, thanks for your suggestion. That would be a first as I use the same server for a couple of other projects and I do not have that issue there. But… I will look into it further and post my findings here.

8

Thank you. Deleting all site data in my browser fixed that.

Regardless pretty odd knowing I have a no-cache developer environment button to help me with that, but it is good to know where to look for it this happens again.