Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[rowDraggable]="true" causes an un-needed horizontal scroll bar on the grid #5421

Lightw3ight opened this issue Jul 15, 2019 · 1 comment


Copy link

commented Jul 15, 2019


When setting [rowDraggable]="true" on a grid that is 100% wide and has a column with no width, the grid gets an un-needed horizontal scroll bar

  • igniteui-angular version: 8.0.2
  • browser: Chrome 75

Steps to reproduce

  1. Go to (your row reorder stackblitz demo)[]
  2. Replace the grid html with the following
<div class="grid-container">
    <igx-grid #grid [data]="data" [height]="'800px'" width="100%" [autoGenerate]="false" [rowDraggable]="true"
        [primaryKey]="'ID'" igxDrop (onDrop)="onDropAllowed($event)">
        <igx-column [field]="'CompanyName'" [header]="'Company Name'" [editable]="true"></igx-column>


You will see a horizontal scroll bar

Expected result

In the above example, the only column has no specified width, so there should be no horizontal scroll bar



@Lightw3ight Lightw3ight added the bug label Jul 15, 2019


This comment has been minimized.

Copy link

commented Jul 17, 2019

I was able to reproduce the issue. We will investigate the cause for this behavior further and you may follow the progress here.

dafo pushed a commit that referenced this issue Jul 24, 2019

dafo pushed a commit that referenced this issue Jul 25, 2019

dafo pushed a commit that referenced this issue Jul 25, 2019


@kdinev kdinev closed this in #5542 Aug 5, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
3 participants
You can’t perform that action at this time.