angular-ui/ui-grid

Vertical scrollbar width is not calculated on zoom change

Open

#5.192 aberto em 7 de mar. de 2016

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (2.496 forks)batch import
Browser ChromeBrowser Firefoxhelp wanted

Métricas do repositório

Stars
 (5.395 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Scrollbar width is calculated when grid is initialized via

Steps to reporoduce the bug:

  1. Open http://plnkr.co/edit/Jlx891kOcOX39c1t9EpL?p=preview ... so far so good, grid's last column is right near scrollbar image

  2. Zoom in (e.g. to 200%) and you can see there is a space between last column's end and scrollbar image

  3. Zoom out (e.g. 50%) and you can see that part of last column is behind vertical scrollbar image

Problem can be reproduced in Chrome or Firefox. In IE it works fine.

The problem is that: self.scrollbarWidth = gridUtil.getScrollbarWidth();

is called on initialization only. It has to be also handled when zoom is changed (window resize maybe?). Because scrollbar width may vary depending on zoom level.

Guia do colaborador

Direção de pesquisa
Pesquise como detectar alterações no nível de zoom no navegador (por exemplo, via redimensionamento da janela ou devicePixelRatio) e recalcular a largura da barra de rolagem na inicialização da grade para atualizar o layout.
Pilha de tecnologia
javascriptcss
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.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptCSSAngular
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75