palantir/blueprint

table rendered incorrectly in non-active tab

Open

#4,110 opened on 2020年5月4日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: coreType: bughelp wanted

説明

Environment

  • Package version(s): 3.8.3
  • Browser and OS versions: chrome 79.0.3945.79

If possible, link to a minimal repro: sandbox https://codesandbox.io/s/render-table-correctly-in-non-active-tab-blueprint-js-4u6iq

Steps to reproduce

  1. create tabs, place a table in each tab
  2. switch to none active tab, table rendered incorrectly

Actual behavior

image

table rendered incorrectly when switching to non-active tab

Expected behavior

image

table in active/non-active tab should be consistent

Possible solution

コントリビューターガイド

技術スタック
reacttypescript
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
Familiarity with ReactBasic knowledge of Blueprint UI components
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
Investigate how Blueprint's Tab component handles rendering of child components (like Table) when not active. Check if there's a CSS issue related to display or visibility when tabs switch. The provided sandbox (https://codesandbox.io/s/render table correctly in non active tab blueprint js 4u6iq) can be used to reproduce. Look at the tab component's lifecycle and any conditional rendering that might affect table dimensions. A potential fix could involve ensuring the table recalculates layout when it becomes visible, or using a CSS property like 'visibility: hidden' instead of 'display: none'.