Outer border disappears when hiding outer columns in an s-table__bx table

Open

#357 opened on Jul 29, 2019 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty: 3/5
Estimated time: 1-2 days
Newbie friendliness: 45/100

Issue type: Bug
Clarity: Mostly clear
Activity status: Stale
Tech stack: css
Domain: design, frontend

Research direction

No source file or test is named. Start by reproducing the provided table markup and responsive sm:d-none behavior, then locate the styles for .s-table__bx and the border utility classes. Done means the corresponding outer border remains visible when the first or last column is hidden at the small breakpoint.

Written by the indexing model from the issue text.

Description

Describe the bug
Hiding the first or the last column in a table with only horizontal borders (.s-table__bx) via sm:d-none results in the outer border of the table going AWOL on the corresponding side.

To Reproduce
Markup:

<table class="s-table s-table__bx">
      <thead>
          <tr>
              <th scope="col" class="sm:d-none">Something</th>
              <th scope="col">Another</th>
              <th scope="col">Thing</th>
              <th scope="col">Testing</th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <td class="sm:d-none">Hello</td>
              <td>Goodbye</td>
              <td>Maybe</td>
              <td>Wat</td>
          </tr>
      </tbody>
</table>

Toss that into a CodePen or similar, and then resize the window down.

Expected behavior
The outer table border should not disappear.

Screenshots
Before resizing:

After resizing:

Desktop (please complete the following information):

OS: Windows 10
Browser: Chrome
Version 75.0.3770.142

Additional context
The workaround is to add the sm:bl bc-black-3 brw0 classes to the second column of the table (blw0 for the penultimate column).

Dominant language: TypeScript
Stars: 672
Forks: 107
Avg merge: 2d 12h
Merged PRs (30d): 26

Contributor guide

Open the contributing guide

First steps

Read the whole issue, then the project's contributing guide.
Comment on the issue to say you are picking it up — it saves two people doing the same work.
Fork the repository and make your change on a branch.
Open a pull request that references the issue number.

Similar issues

Ajv defaults: non-standard "format": "json" in third-party schemas (e.g. Notion) warns twice per property — register it like #2601 Open

Difficulty 2/5 1-3 hours Newbie friendliness 70/100

modelcontextprotocol/typescript-sdk#2854 · Opened Sep 24, 2026
[Bug]: ctx_search rejects singular 'query' param despite schema declaring it valid Open

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

mksglu/context-mode#1200 · Opened Sep 24, 2026
[chore]: test(search): Migrate ResultItemTitle unit tests to TypeScript Open

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

jaegertracing/jaeger-ui#4506 · Opened Sep 24, 2026
[BUG] "$250 credit for cloud sessions" gift icon is unclickable Open

area:desktop area:ui bug platform:macos

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

anthropics/claude-code#96687 · Opened Sep 24, 2026
[GOOD FIRST ISSUE]: Clean Up Frontend Authentication Page & Context Open

good first issue

Difficulty 1/5 Under an hour Newbie friendliness 95/100

AOSSIE-Org/DebateAI#582 · 2 comments · Opened Sep 24, 2026

More TypeScript issues