Entire Feeds mapping interface is broken in GIN.

Ok, updating -- I'm going to mark this NEEDS MORE INFO because after switching the admin themes from GIN to CLARO, and back to GIN, its not working... I think.

I'll do another mapping to test.

Updated.

I can confirm theres something off.

When I switch between CLARO and GIN on an mapping I created, Its not showing all of the mappings.

I did this by simply switching the admin theme from GIN to CLARO...

vs

I can confirm this is an issue with feeds mapping, as I have a similar issue.

Seems the issue is actually coming from Claro's tableselect.css:

.position-sticky thead {
    position: sticky;
    z-index: 500;
    top: var(--drupal-displace-offset-top);
}

If you change it to top:unset, it fixes the overlap issue.

Gin is using different HTML vs claro.

Claro

Gin

The gin-table-scroll-wrapper has overflow: auto, which causes the sticky header's top to be relative to the wrapper.

I'm not sure if sticky can be made to work in this situation, without moving the header outside the wrapper or something.

Using intersection observer to sticky the header might work a lot better.

This issue is working on something similar, but the patch in there doesn't fix this issue.

Hi, I'm also experiencing this bug.

Same here...

pradhumanjain2311 → made their first commit to this issue’s fork.

The proposed merge request only partially resolves the bug. If the window is wide enough it works, but below 1024px it does not.

Is this still a problem on the latest 8.x-3.x-dev?

Closing as we have merged the table sticky header refactoring into dev.