Author Topic: virtualX/overflow issue with details on pq 2.4.0  (Read 3983 times)

webifi

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 45
    • View Profile
virtualX/overflow issue with details on pq 2.4.0
« on: February 19, 2015, 12:07:12 am »
See:
http://jsfiddle.net/p2pfqzu9/

1. Click "Open Grid With 5"
2. Expand at least two details. 
3. Notice that the vertical scroll bar does not appear when the expanded detail content forces the grid to overflow the given container.

Expected behavior:  Scroll bar should appear.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: virtualX/overflow issue with details on pq 2.4.0
« Reply #1 on: February 19, 2015, 12:18:52 am »
set flexContent: true in scrollModel.

http://jsfiddle.net/p2pfqzu9/1/

webifi

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 45
    • View Profile
Re: virtualX/overflow issue with details on pq 2.4.0
« Reply #2 on: February 19, 2015, 09:31:22 pm »
Thanks,

but here's another related issue:
http://jsfiddle.net/xy65x90d/

1. Click "Open Grid With 5"
2. Expand at least two details. 
3. Notice that the header filter input elements don't re-size properly once the scroll bar appears.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: virtualX/overflow issue with details on pq 2.4.0
« Reply #3 on: February 20, 2015, 12:26:40 am »

webifi

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 45
    • View Profile
Re: virtualX/overflow issue with details on pq 2.4.0
« Reply #4 on: February 20, 2015, 02:09:35 am »
That just clips the input elements.

Also, what if I want contents of all the columns to wrap??

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: virtualX/overflow issue with details on pq 2.4.0
« Reply #5 on: February 20, 2015, 08:36:50 am »
Please check this CSS based solution.

http://jsfiddle.net/2nc6ku24/

http://jsfiddle.net/2nc6ku24/1/ ( fix for IE)
« Last Edit: February 23, 2015, 11:28:38 pm by paramquery »