Skip to content

AI Request Logs: Table header overlaps sticky page header while scrolling #704

@Infinite-Null

Description

@Infinite-Null

Description

The AI Request Logs screen contains a sticky page header and a sticky table header. When scrolling through the logs, the table header moves above and overlaps the page header instead of remaining beneath it.

Expected Behavior

The page header should remain visible at the top of the screen, and the table header should appear beneath it without overlapping.

Current Behavior

As the page is scrolled, the table header overlaps the sticky page header, resulting in an incorrect visual stacking order and reduced readability.

Step-by-step reproduction instructions

  1. Navigate to AI Request Logs /wp-admin/tools.php?page=ai-request-logs.
  2. Ensure there are enough log entries to make the page scrollable.
  3. Scroll down through the logs.
  4. Observe the table header as it reaches the page header. The table header overlaps the sticky page header.

Screenshots, screen recording, code snippet

Image

Environment info

No response

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except the AI plugin.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

Labels

[Type] BugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

Status
Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions