Strange "white" space occurring on mobile when using an autocomplete widget for a multi valued field inside field groups

Did some more testing. It appears to occur only in iOS and field groups do not play a role. Also on node form without field groups the issue occurs.

I don't seem to be affected by the described issue. Maybe you can find the root cause of this and provide a patch for it?

This was reported to us by a customer who is using Gin on an iPhone. This only happens in Safari on iOS that I can see; I could not reproduce in Safari on MacOS, or any other browser.

The issue appears to lie here:

.field-multiple-table thead {
  position: relative;
  z-index: 0;
}

.field-multiple-table thead::after {
...
  position: absolute;
}

The position: relative is apparently ignored by Safari and so the ::after element is positioned relative to something higher up in the tree.

CSS3 :not() to the rescue! Consider this fixed.

Automatically closed - issue fixed for 2 weeks with no activity.