palantir/blueprint

Tabs: Using expander and resizing window causes indicator to hang behind

Open

#1035 aperta il 25 apr 2017

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P3Package: coreType: enhancementhelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Not sure how much responsiveness you all are designing for but noticed this bug today. Tab indicator seems to be fine when not using the expander.

Bug report

  • Package version(s): Blueprint Core 1.15
  • Browser and OS versions: Chrome 58

Steps to reproduce

  1. Add a Tabs2.Expander to push tabs to the right of your Tabs2 component
  2. Open browser window at half size
  3. Resize browser window to full screen
<Tabs2
          id="PlateAndTableView"
          onChange={this.handleTabChange}
          renderActiveTabPanelOnly={true}
        >
          <h2> Plate Contents </h2>
          <Tabs2.Expander />
          <Tab2 id="plate" title="Plate View" panel={<PlateWellsViewContainer />} />
          <Tab2 id="table" title="Table View" panel={<TablePanel />} />
</Tabs2>

Actual behavior

Expected behavior

Guida contributor

Direzione di ricerca
Esamina il calcolo della posizione dell'indicatore delle schede durante il ridimensionamento della finestra, in particolare quando si utilizza Tabs2.Expander. Controlla le transizioni CSS e gli aggiornamenti dello stato del componente che potrebbero causare il ritardo dell'indicatore.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60