palantir/blueprint

overflow text in NumericInput of non-active Tab inside Tabs

Open

#4.107 geöffnet am 2. Mai 2020

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (2.167 Forks)batch import
P3Package: coreType: bughelp wanted

Repository-Metriken

Stars
 (20.263 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 43T 10h) (27 gemergte PRs in 30 T)

Beschreibung

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 :(

Contributor Guide

Research-Richtung
Überprüfe das CSS des NumericInput Eingabeelements in einem inaktiven Tab. Stelle sicher, dass padding right korrekt angewendet wird, möglicherweise durch Überschreiben des CSS für inaktive Tabs.
Tech Stack
typescriptreactcss
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Git
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70