angular-ui/ui-grid

UI Issue with injecting custom filters template

Open

#4 498 ouverte le 9 oct. 2015

Voir sur GitHub
 (10 commentaires) (0 réactions) (1 assigné)JavaScript (2 496 forks)batch import
good first issue

Métriques du dépôt

Stars
 (5 395 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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?

Guide contributeur

Direction de recherche
Examinez la propriété CSS overflow sur ui grid header canvas et les éléments associés pour comprendre pourquoi les modèles de filtre personnalisés sont rognés. Vérifiez comment filterHeaderTemplate est rendu et cherchez un moyen de le positionner sans casser la disposition de la grille.
Stack technique
javascriptangular
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
AngularCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65