Skip to content

iX Select in AG Grid cell renderer somehow always has an overflow scroll #2170

@dyeske61283

Description

@dyeske61283

Prerequisites

  • I have read the Contributing Guidelines.
  • I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

Suggestion / feature request

Our use case: AG Grid does only provide a single-select cell editor component in the community version. We want to implement a multi-selection feature for user role assignments. We thought of using an iX Select with the multi-select option. Somehow the ix Select always has a scrollbar on the right in that multi-selection mode and it is not possible to adjust the AG Grid cell height properly to the iX Select height. Does anyone have any ideas on some css to fix this problem?
Configuring the cell renderer as a "popup" is not a valid solution, since that introduces a bug, where the select component is scrolling out of the AG grid when scrolling, while the editor is visible. See https://www.ag-grid.com/angular-data-grid/cell-editors/#custom-components ("isPopup").

Additionally, when testing this in an automated fashion using cypress, it seems that cypress thinks, that the dropdown items are hidden or at least behind the cells and grid and are therefore not automatically clickable. This makes it impossible for us to verify behavior automatically.

I attached some screenshots of various states of the default behavior without any additional css styling.
Here is also a minimal StackBlitz that indicates the current behavior and problem I want to solve: StackBlitz Example

Image Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    BacklogIts part of the team backlogtype: enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions