Skip to content
Bug reportOct 9, 2026· 0:26· 0 views

AG Grid: focus ring bleeds past column divider on pinned cells

0:26 total

Comments · 0

Be the first to comment.

Bug report— by SceneRecap AI

lowgrid-styling / column-pinning
os: macOSlocale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720

Repro steps

  1. 1.Navigate to the AG Grid Column Pinning example page
  2. 2.Click the 'Left = #, Athlete, Age; Right = Total' button to pin columns #, Athlete, and Age to the left and Total to the right
  3. 3.Click the rightmost pinned-left cell in row 0 ('Age' cell '23')
  4. 4.Observe the focus ring rendering along the pinned column divider edge
  5. 5.Click the leftmost pinned-right cell in row 0 ('Total' cell '8') and observe the focus ring along the pinned-right divider edge

Expected

The focus outline on cells adjacent to pinned column boundaries should stay strictly contained within cell bounds and align cleanly with the pinned column divider.

Actual

The cell focus outline bleeds past/overlaps the column divider when focusing pinned edge cells (such as the rightmost pinned-left 'Age' cell and leftmost pinned-right 'Total' cell).

Evidence

visualColumns #, Athlete, Age are pinned left and Total is pinned right after clicking the button, establishing vertical divider lines between pinned and unpinned containers
visualCONTROL: Focusing the unpinned 'Country' cell ('United States') displays the focus ring cleanly against the unpinned column boundary without visual clipping or bleeding issues
visualFAILING: Focusing the rightmost pinned-left 'Age' cell ('23') renders the cell focus outline bleeding against the pinned container divider
visualFAILING: Focusing the leftmost pinned-right 'Total' cell ('8') renders the focus outline directly over the pinned-right column border divider
visualCONTROL: Focusing the unpinned 'Year' cell ('2008') shows normal focus outline contained cleanly within cell borders
Issue markdown (copy-paste ready)
### Description
When columns are pinned in AG Grid, focusing cells directly adjacent to the pinned container divider (such as the rightmost pinned-left cell or leftmost pinned-right cell) causes the cell focus ring to bleed or misalign with the vertical pinned column divider.

### Steps to Reproduce
1. Open the AG Grid Column Pinning demo page (0.0s).
2. Click the button `Left = #, Athlete, Age; Right = Total` (4.1s).
3. Click row 0 in the `Age` column (the rightmost pinned-left cell, value `23`) (11.4s).
4. Observe the focus ring border rendering along the boundary line.
5. Click row 0 in the `Total` column (the leftmost pinned-right cell, value `8`) (17.1s).

### Expected Behavior
The focus ring should remain properly clipped and aligned within the cell boundaries, flush with the pinned divider border.

### Actual Behavior
The focus ring bleeds against and overlaps the pinned column divider on boundary cells.

### Control Cases Tested
- Focusing row 0 `Country` cell (`United States`) at 6.8s rendered normally.
- Focusing row 0 `Year` cell (`2008`) at 22.4s rendered cleanly within cell bounds.

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free →
AG Grid: focus ring bleeds past column divider on pinned cells · SceneRecap