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
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
commented

Tagging.

NROTC_Webmaster’s picture

NROTC_Webmaster commented

Is this still an issue?

lewisnyman’s picture

lewisnyman
he/him
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
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
commented
Issue summary: View changes
Issue tags: +frontend

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

troshanprdxn’s picture

troshanprdxn commented

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

Status: Active » Closed (outdated)

Automatically closed because Drupal 7 security and bugfix support has ended as of 5 January 2025. If the issue verifiably applies to later versions, please reopen with details and update the version.