Skip to content

Fix CSFloat listing age tooltip clipping#136

Open
rodekva wants to merge 1 commit into
GODrums:masterfrom
rodekva:codex/fix-csfloat-listing-age-tooltip
Open

Fix CSFloat listing age tooltip clipping#136
rodekva wants to merge 1 commit into
GODrums:masterfrom
rodekva:codex/fix-csfloat-listing-age-tooltip

Conversation

@rodekva

@rodekva rodekva commented Jul 4, 2026

Copy link
Copy Markdown

Summary

  • Raise the hovered CSFloat listing card while the BetterFloat listing-age tooltip is active.
  • Keep the existing hint.css tooltip placement and styling unchanged.
  • Scope the stacking change to .betterfloat-listing-age inside CSFloat item cards.

Root Cause

The listing-age tooltip is rendered with an absolutely positioned hint.css pseudo-element inside the listing card. Adjacent listing cards can paint above it, clipping or covering the date tooltip when cards sit next to each other.
image

Validation

  • Manually verified on csfloat.com that injecting the same CSS makes the full date tooltip render above adjacent listings.
  • npx --yes pnpm@10.33.0 exec biome ci src/css/csfloat_styles.css passes.

Notes

  • Full pnpm lint currently fails on existing unrelated repo-wide Biome issues in other files.
  • Full pnpm build reaches Plasmo but fails in this public checkout because ~lib/handlers/selectors/skinout_selectors is missing from src/contents/haloskins/index.ts.

@rodekva rodekva changed the title [codex] Fix CSFloat listing age tooltip clipping Fix CSFloat listing age tooltip clipping Jul 4, 2026
@rodekva rodekva marked this pull request as ready for review July 4, 2026 10:16
@rodekva rodekva marked this pull request as draft July 4, 2026 10:17
@rodekva rodekva marked this pull request as ready for review July 4, 2026 10:17
@GODrums

GODrums commented Jul 4, 2026

Copy link
Copy Markdown
Owner

Hey, can you provide some more information on how to reproduce this clipping bug?

Doesn't seem to happen for me on the latest Chrome version with BetterFloat v.3.6.0.

@rodekva

rodekva commented Jul 4, 2026

Copy link
Copy Markdown
Author

Sure, I can reproduce it on Brave. I attached a short screen recording.

Setup:

  • Browser: Brave 1.92.134, Chromium 150.0.7871.63
  • BetterFloat: v3.6.0

Steps:

  1. Open CSFloat stall or market with multiple listings side by side.
  2. Hover the orange listing age clock on a card that has another listing directly next to it.
  3. The date tooltip appears, but the adjacent listing paints clips part of it.
brave_aHRqffaLpD.mp4

After applying the PR CSS change, the same hover shows the full tooltip above the neighboring card.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants