Skip to content

[Bug]: HTML report introduces page-level horizontal scrolling in wide table tabs #14

@orenlab

Description

@orenlab

CodeClone version

2.0.0b1

Affected area

HTML report

What happened?

The generated HTML report introduces page-level horizontal scrolling in some tabs with wide tabular content.

In the attached screenshots this is visible in:

  • Quality
  • Dead Code

Instead of keeping the main report layout constrained to the viewport and handling overflow inside the relevant section/table wrapper, one of the report containers appears to exceed the available width. As a result, the entire page becomes horizontally scrollable.

This looks like a layout/container overflow issue rather than an intentional local scroll region.

What did you expect instead?

The report page itself should remain width-constrained and should not introduce horizontal scrolling.

If a table is wider than the available content area, overflow should be handled locally inside that section (for example, via an inner scroll container or a constrained table wrapper), without causing the whole report page to scroll horizontally.

Minimal reproduction (code snippet)

# Reproduction steps
# 1. Generate an HTML report for a repository with enough findings to populate
#    wide table-based tabs:
#
#    codeclone . --html
#
# 2. Open the generated report in a browser.
#
# 3. Navigate to tabs such as:
#    - #quality
#    - #dead-code
#
# 4. Observe that the whole report page gets a horizontal scrollbar.
#
# This is a report layout/rendering issue; I do not yet have a smaller isolated
# code snippet than generating a real HTML report.

Additional context

Observed on a locally generated HTML report opened via file://.

The issue appears on tabs with wide table layouts and long file paths. Based on the behavior, a likely cause is one of:

  • a table or section wrapper not honoring container width
  • missing local overflow handling (overflow-x) on the table container
  • a grid/flex child missing min-width: 0
  • content width escaping the intended report/page container

The attached screenshots show the page-level scrollbar rather than a scoped inner-table scrollbar.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions