angular-ui/ui-grid

UI Issue with injecting custom filters template

Open

#4498 aperta il 9 ott 2015

Vedi su GitHub
 (10 commenti) (0 reazioni) (1 assegnatario)JavaScript (2496 fork)batch import
good first issue

Metriche repository

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

Descrizione

I am trying inject custom filters (Angualr ui-select controls) using filterHeaderTemplate property. Filter controls are getting rendered successfully but facing UI issues.

Filter controls are not visible properly.

image

As control is rendering in "ui-grid-header-canvas" element, because of overflow-hidden property it is happening.

But, when I added following styles

.ui-grid-header-viewport { overflow: visible; }

.ui-grid-top-panel { overflow: visible; }

.ui-grid-cell > .ui-grid-cell-contents { overflow: visible; }

grid becomes

image

Is there any way where it can be rendered properly?

Guida contributor

Direzione di ricerca
Investigare la proprietà CSS overflow su ui grid header canvas e gli elementi correlati per capire perché i modelli di filtro personalizzati vengono ritagliati. Verificare come viene renderizzato filterHeaderTemplate e cercare un modo per posizionarlo senza rompere il layout della griglia.
Tech stack
javascriptangular
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
AngularCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65