angular-ui/ui-grid

Vertical scrollbar width is not calculated on zoom change

Open

#5192 aperta il 7 mar 2016

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (2496 fork)batch import
Browser ChromeBrowser Firefoxhelp wanted

Metriche repository

Star
 (5395 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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.

Guida contributor

Direzione di ricerca
Ricerchi come rilevare le variazioni del livello di zoom nel browser (ad esempio, tramite ridimensionamento della finestra o devicePixelRatio) e ricalcolare la larghezza della barra di scorrimento nell'inizializzazione della griglia per aggiornare il layout.
Tech stack
javascriptcss
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.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
JavaScriptCSSAngular
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75