[Modern] Grid rows broken layout on store.loadData()

[Daniil]

Fiddle

Ext version tested:

• Ext 6.0.2.437

Browser versions tested against:

• Chrome on Nexus 5

Description:

• Loading data via store.loadData() into an empty Grid causes broken layout of rows

Grid rows broken layout.png

Steps to reproduce the problem:

• Load the fiddle in Nexus 5 (or any other phone, I guess)
• Click the Load Data button

The result that was expected:

• Grid rows are okay

The result that occurs instead:

• Grid rows layout is broken

[bobgebbie]

I was having the very same issue. A quick fix is to set the itemHeight to a fixed value, such as 34 px, in the grid config. I've modified your fiddle code as an example.

[Daniil]

@bobgebbie, thank you for a follow-up! Actually, we used the same workaround. I was going to share it in the original post, but forgot