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

オープン

#357 2019年7月29日に作成コメント 2 件リアクション 0 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 3/5
見積もり時間: 1〜2日
初心者へのやさしさ: 45/100

issue の種類: バグ
明瞭さ: おおむね明確
活発さ: 停滞
技術スタック: css
領域: design, frontend

調査の方向性

ソースファイルもテストも指定されていません。まず、提供されたテーブルマークアップと sm:d-none のレスポンシブな動作を再現し、その後 .s-table__bx のスタイルとボーダーユーティリティクラスを特定してください。小さいブレークポイントで最初または最後の列を非表示にしたときに、対応する外側のボーダーが表示されたままになれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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).

主要言語: TypeScript
スター: 672
フォーク: 107
平均マージ: 2日 12時間
マージ済み PR（30日）: 26

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

StackExchange/Stacks のほかの issue

Remove references to Jobs in examples in Grammar and mechanics guide オープン

難易度 1/5 1〜3時間初心者へのやさしさ 62/100

StackExchange/Stacks#1030 · 2022年7月21日に作成
Using universal selector (`*`) on custom property definitions causes all style recalculations on `stackoverflow.com` to take at least twice as long オープン

難易度 2/5 1〜3時間初心者へのやさしさ 48/100

StackExchange/Stacks#1842 · 2024年10月16日に作成
More editor related icons オープン

難易度 5/5 1週間以上初心者へのやさしさ 25/100

StackExchange/Stacks#1413 · コメント 2 件 · 2023年7月10日に作成
Navigational dropdown item documentation incomplete オープン

難易度 2/5 1〜3時間初心者へのやさしさ 50/100

StackExchange/Stacks#1242 · 2023年1月18日に作成
Accordion example jitters because of scroll bar オープン

bug

難易度 3/5 1〜2日初心者へのやさしさ 35/100

StackExchange/Stacks#1224 · 2023年1月6日に作成

StackExchange/Stacks の issue をすべて見る

似ている issue

bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs オープン

難易度 2/5 1〜3時間初心者へのやさしさ 70/100

tiann/hapi#1918 · コメント 1 件 · 2026年9月24日に作成
Crush オープン

難易度 1/5 1時間未満初心者へのやさしさ 85/100

catppuccin/catppuccin#3125 · 2026年9月24日に作成
Add a SECURITY.md オープン

難易度 1/5 1時間未満初心者へのやさしさ 90/100

ElementsProject/cln-application#167 · コメント 1 件 · リアクション 1 件 · 2026年9月24日に作成
Dependencies whose license text can't be resolved are silently dropped from the output オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

Quantco/pnpm-licenses#17 · 2026年9月24日に作成
EV search minPowerKW filters out every station that reports connectors オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

tomtom-international/tomtom-maps-mcp#284 · 2026年9月24日に作成

TypeScript の issue をもっと見る