LearnNewsExamplesServices
Frontmatter
id9623
titleGrid Multi-Body: Fix .neo-last-column border styling logic across multiple bodies
stateClosed
labels
bugaigrid
assigneestobiu
createdAtApr 1, 2026, 10:03 PM
updatedAtApr 1, 2026, 10:25 PM
githubUrlhttps://github.com/neomjs/neo/issues/9623
authortobiu
commentsCount0
parentIssue9486
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtApr 1, 2026, 10:25 PM

Grid Multi-Body: Fix .neo-last-column border styling logic across multiple bodies

Closedbugaigrid
tobiu
tobiu commented on Apr 1, 2026, 10:03 PM

Problem

The .neo-last-column CSS class removes the right border of a grid column because the Grid Container itself provides the bounding border. In the single-body architecture, this was correctly applied to the single rightmost column.

With the introduction of the multi-body architecture, isLastColumn evaluates to true for the last column of each sub-grid body (bodyStart, body, and bodyEnd). As a result, all three bodies were rendering a .neo-last-column without a right border, causing missing vertical dividers between sections.

Solution

Updated the isLastColumn logic in src/grid/Row.mjs to evaluate the global grid layout rather than just the local sub-grid count:

  • locked: 'start': Only gets .neo-last-column if there are no center columns and no end columns.
  • center: Only gets .neo-last-column if there are no end columns.
  • locked: 'end': Always receives .neo-last-column (as it represents the absolute rightmost boundary).
tobiu added the bug label on Apr 1, 2026, 10:03 PM
tobiu added the ai label on Apr 1, 2026, 10:03 PM
tobiu added the grid label on Apr 1, 2026, 10:03 PM
tobiu added parent issue #9486 on Apr 1, 2026, 10:03 PM
tobiu referenced in commit d275916 - "fix: Fix .neo-last-column CSS logic across multiple sub-grids (#9623) on Apr 1, 2026, 10:05 PM
tobiu assigned to @tobiu on Apr 1, 2026, 10:25 PM
tobiu closed this issue on Apr 1, 2026, 10:25 PM