Skip to content

[Bug] Table Headers are not sticky on mobile #274

@MichaelZhao21

Description

@MichaelZhao21

What Happened?

This is NOT a Jury bug but a CSS bug: w3c/csswg-drafts#9140

We have a table that we want to have overflow-x-scroll on. However, we want the header of this table to be sticky. This is NOT ALLOWED.

Image

On desktop this is fine bc we don't need the overflow. However, this sticky header is impossible to have on mobile.

Steps to Reproduce

  1. Open admin dashboard on mobile view
  2. Scroll down
  3. Headers are not sticky

What device(s) are you seeing this issue on?

No response

What browser are you seeing this issue on?

No response

Possible Solutions

No idea how to fix it (see GH issue on w3c). Maybe there is a workaround with some janky css but for now it cannot be fixed sad face.

Additional Info

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    A: FrontendA task that concerns frontend developmentB: CSSCosmetic changes for the site, mainly in CSS (Tailwind)bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions