Bug? Field’s action menu items can be partially hidden

Kirby 3 Issues 🐛
1

Hi,

I’ve a weird issue using the Panel:
When scrolling to the last item of a panel page, and I want to delete it using the local menu, the Delete option can be hidden by cancel/save bar (see image), so obviously, I cannot choose the Delete option.

Capture d’écran 2021-06-06 à 11.26.42
Capture d’écran 2021-06-06 à 11.26.422588×834 26.1 KB

Currently, to fix it, I added to the blueprint a spacer using the Gap field type.

          spacer:
            type: fields
            fields:
              footerGap:
                type: gap

But maybe it’s a Kirby’s bug ?

2

Thanks for reporting :+1: Yes, this is known issue. But there is no permanent solution yet.

3

I found another trick to fix this issue using a custom panel css directive:

.k-fields-section:last-of-type .k-block-container:last-of-type .k-dropdown-content {
  top: auto;
  bottom: -60px;
}

This displays the pop-up menu above the field toolbar, only for the last element.
I think it’s a more elegant way to fix it than my hacky blueprint addition.

Capture d’écran 2021-06-07 à 01.11.36
Capture d’écran 2021-06-07 à 01.11.362588×1044 38.3 KB

What do you think of?

Update:
:last-of-type should be also added to the .k-fields-section class

4

We can ask @bastianallgeier to review this solution.

5

Sorry for being late here. I think we need a js based solution for dropdowns to avoid such problems. Offsetting the dropdown of the last item from the bottom could lead to issues if the last item is too close to the topbar.