palantir/blueprint

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

Open

#1.035 aberto em 25 de abr. de 2017

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)TypeScript (2.167 forks)batch import
P3Package: coreType: enhancementhelp wanted

Métricas do repositório

Stars
 (20.263 stars)
Métricas de merge de PR
 (Mesclagem média 43d 10h) (27 fundiu PRs em 30d)

Description

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

Guia do colaborador

Direção de pesquisa
Examine o cálculo da posição do indicador de guia durante o redimensionamento da janela, especialmente quando Tabs2.Expander é usado. Verifique as transições CSS e as atualizações de estado do componente que podem fazer o indicador ficar atrás.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60