The table headers are not fixed when scrolling large tables (e.g. on the Modules page) in Safari on iOS devices. Both on the iPhone (4.1 8B117) and iPad (4.2 8C134) table headers scroll off screen.

Comments

mo6’s picture

mo6
he/him
Primary language Dutch
CreditAttribution: mo6 commented

This occurs when using the Overlay module, not sure if this is a bug in Seven or Overlay.

Mark Trapp’s picture

Mark Trapp
he/him
Primary language English
CreditAttribution: Mark Trapp commented

Tagging.

NROTC_Webmaster’s picture

NROTC_Webmaster CreditAttribution: NROTC_Webmaster commented

Is this still an issue?

LewisNyman’s picture

LewisNyman
he/him
CreditAttribution: LewisNyman commented
Component: Seven theme » javascript
Issue tags: +JavaScript

The JS is added in system.module, we don't use sticky table headers often but I think we could try and find a fix for this using position: sticky

nod_’s picture

nod_
Primary language French
Location Lille
CreditAttribution: nod_ commented

what about when it's not in the overlay, same issue?

generally, overlay + mobile = fail. In D8 we just prevent the overlay from opening on narrow devices altogether.

LewisNyman’s picture

LewisNyman
he/him
CreditAttribution: LewisNyman commented
Issue summary: View changes
Issue tags: +frontend

This is still a problem I think. position: sticky ftw.

troshanprdxn’s picture

troshanprdxn CreditAttribution: troshanprdxn commented

I am not able to replicate this issue now. The sticky header work in Safari on iOS devices.