Empty overlay in panel image view

The CMS Questions
,
1

Since some time I have the strange issue that when I open any image in the panel, there is an empty overlay until I click anywhere.
I’m speaking of the page which uses the blueprints/files/default.yml (It does not make a difference if I change or delete it)

In the inspector it looks like this:

<dialog data-type="drawer" class="k-overlay" open="">
<div class="k-drawer-portal k-portal vue-portal-target"></div>
</dialog>

Does anyone have the same issue or a solution for it?

Thanks in advance!

Addition: When the empty overlay is shown, also the head bar with the image title and the share and settings button is moved to the bottom.

2

Which Kirby version? What did you do when this started to happen?

3

4.6.1 but I think I had this sometimes also in Kirby 3.
I can’t really tell, I’m using the plain kit folder and didn’t made any special adjustments. Also I have it several projects - all not very complex ones.

4

If you use a fresh standard Starterkit, and open one of the existing images, can you reproduce the same issue there? Never seen this happening myself.

5

No it does not happen when I use a fresh Plainkit. I don’t know what causes that, I also tried to remove my custom panel css styling but it makes no difference.

One thing I noticed, that it only appears on file fields inside a kirby block. I don’t have the issue when I click on an image in a files field somewhere directly in the panel. Not even when I click on an image in a block preview which opens the file view directly.

Example of a block:

name: Intro Text & Bild Block
icon: image
preview: fields
fields:
  introImage:
    label: Bild
    type: files
    multiple: false
    width: 1/1
    layout: cardlets
    image:
      cover: true
      ratio: 1/1
    size: medium
  introHeadline:
    label: Intro Headline
    type: text
    width: 1/1
  introText:
    label: Intro Text
    type: textarea
    width: 1/1
    buttons: false
6

Ok, I downloaded a fresh 4.6.1 Starterkit, and when I click on an image while the drawer is open, I can reproduce it. Looks like a leftover from the drawer overlay.

Seems that the issue has already be reported and I could find a draft PR: Force close all drawers correctly by distantnative · Pull Request #6620 · getkirby/kirby · GitHub

7

Okay thank you for helping and confirming. Do you know if there is a quick way to prevent this? It’s not such a big problem but may be confusing to my clients when they work in the panel

8

Sorry, no, I don’t.