Skip to content

fix(ui): Scope table row hover radius to the last row#9170

Merged
alexcarpenter merged 1 commit into
mainfrom
table-row-hover-border-radius
Jul 15, 2026
Merged

fix(ui): Scope table row hover radius to the last row#9170
alexcarpenter merged 1 commit into
mainfrom
table-row-hover-border-radius

Conversation

@alexcarpenter

@alexcarpenter alexcarpenter commented Jul 15, 2026

Copy link
Copy Markdown
Member

Description

Fixes a table row hover styling bug where any hovered row displayed a stray rounded bottom corner. The tr:hover selectors that applied $lg bottom-corner radius are now scoped to tr:last-of-type:hover, so the rounded corners only appear on the last row where they tuck into the table's own border radius. Interior rows now hover with square corners.

BEFORE AFTER
Screenshot 2026-07-15 at 11 30 22 AM Screenshot 2026-07-15 at 11 29 41 AM

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

Summary by CodeRabbit

  • Bug Fixes

    • Fixed table row hover styling so rounded bottom corners appear only on the last row, eliminating stray corner rounding on other rows.
  • Documentation

    • Added a release note documenting the table hover styling correction.

@changeset-bot

changeset-bot Bot commented Jul 15, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 9045dae

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@clerk/ui Patch
@clerk/chrome-extension Patch
@clerk/swingset Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercel Bot commented Jul 15, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
clerk-js-sandbox Ready Ready Preview, Comment Jul 15, 2026 3:25pm
swingset Ready Ready Preview, Comment Jul 15, 2026 3:25pm

Request Review

@coderabbitai

coderabbitai Bot commented Jul 15, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

Table hover corner radius styling now applies only to the last table row. A patch changeset documents the styling fix for @clerk/ui.

Changes

Table hover radius fix

Layer / File(s) Summary
Last-row hover selector update
packages/ui/src/primitives/Table.tsx, .changeset/table-hover-radius.md
Table cell hover selectors use tr:last-of-type:hover, and a patch changeset records the correction.

Estimated code review effort: 1 (Trivial) | ~3 minutes

Poem

I’m a bunny with corners so neat,
The last row now gets the rounded treat.
No stray curves hop where they shouldn’t be,
Just tidy table styling for all to see.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and accurately summarizes the main change: limiting table row hover radius to the last row.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch

Comment @coderabbitai help to get the list of available commands.

@github-actions

Copy link
Copy Markdown
Contributor

API Changes Report

Generated by Break Check on 2026-07-15T15:27:46.959Z

Summary

Metric Count
Packages analyzed 19
Packages with changes 0
🔴 Breaking changes 0
🟡 Non-breaking changes 0
🟢 Additions 0

No API Changes Detected

All packages have stable APIs with no detected changes.


Report generated by Break Check

Last ran on 9045dae.

@pkg-pr-new

pkg-pr-new Bot commented Jul 15, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@9170

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@9170

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@9170

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@9170

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@9170

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@9170

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@9170

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@9170

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@9170

@clerk/express

npm i https://pkg.pr.new/@clerk/express@9170

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@9170

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@9170

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@9170

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@9170

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@9170

@clerk/react

npm i https://pkg.pr.new/@clerk/react@9170

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@9170

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@9170

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@9170

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@9170

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@9170

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@9170

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@9170

commit: 9045dae

@alexcarpenter alexcarpenter merged commit 41b4bea into main Jul 15, 2026
55 checks passed
@alexcarpenter alexcarpenter deleted the table-row-hover-border-radius branch July 15, 2026 16:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants