palantir/blueprint

overflow text in NumericInput of non-active Tab inside Tabs

オープン

#4,107 opened on 2020/05/02

 (0 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (2,167 件のフォーク)batch import
P3Package: coreType: bughelp wanted

Repository metrics

Stars
 (20,263 個のスター)
PR merge metrics
 (PR metrics pending)

説明

Environment

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

If possible, link to a minimal repro: sandbox https://codesandbox.io/s/overflow-text-of-numeric-input-in-blueprint-js-5xv5g?file=/src/App.js

Steps to reproduce

  1. switch to none active tab
  2. type many 0s

Actual behavior

image

get overflow text that covers the button on the right side(in active tab, it renders fine, but in non-active tab, overflow text happens.)

Expected behavior

text should not be overflowed in both active/non-active tab

Possible solution

padding-right of input inside the NumericInput is always 0px in non-active tab, but 30px in active tab, dont know what is going on :(

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