UI Issue with injecting custom filters template · angular-ui/ui-grid#4498

(10 留言) (0 反應) (1 負責人)JavaScript (5,395 star) (2,496 fork)batch import

good first issue

描述

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.

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

Is there any way where it can be rendered properly?

貢獻者指南

技術棧: javascripthtmlcss
領域: frontend
議題類型: bug
難度: 3
預計時間: half day
活動狀態: stale
清晰度: mostly clear
前置要求: CSSAngularJS basics
新手友善度: 30
研究方向: Investigate the ui grid header canvas element's overflow property and the CSS workaround provided in the issue. Determine if a more targeted CSS fix or a code change in the grid's template can render custom filters without breaking the layout. Check for any existing PRs or comments that propose a solution.