angular-ui/ui-grid

UI Issue with injecting custom filters template

Open

#4.498 geöffnet am 9. Okt. 2015

Auf GitHub ansehen
 (10 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (2.496 Forks)batch import
good first issue

Repository-Metriken

Stars
 (5.395 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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?

Contributor Guide

Research-Richtung
Untersuchen Sie die CSS Overflow Eigenschaft auf ui grid header canvas und verwandten Elementen, um zu verstehen, warum benutzerdefinierte Filtervorlagen abgeschnitten werden. Überprüfen Sie, wie filterHeaderTemplate gerendert wird, und suchen Sie nach einer Möglichkeit, es zu positionieren, ohne das Grid Layout zu beeinträchtigen.
Tech Stack
javascriptangular
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
AngularCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65