Revision history [back]

click to hide/show revision 1
initial version

asked 2020-12-16 10:18:53 +0800

54patman gravatar image 54patman

Listbox partial visible rows jump/scroll down when selected

I created this zkfiddler to show the bug:

https://zkfiddle.org/sample/e2ccbl/1-listbox-partial-visible-rows-jump-scroll-down-when-selected

In the center Listbox scroll down until half way down the list. Now from the top row ensure it's slightly or partially visible (ex: you should just see the ZK in the image and not the whole image in that row). Now click that top row that's partially visible. See that the viewport will scroll down and the item is selected. It should not have scrolled. This issue does not happen with the bottom partially visible row, or any row that is fully visible. Only on a top partially visible row.

This was tested in 9.0 and 9.5.

Thanks in advance for any information.

Listbox partial visible rows jump/scroll down when selected

I created this zkfiddler to show the bug:

https://zkfiddle.org/sample/e2ccbl/1-listbox-partial-visible-rows-jump-scroll-down-when-selected

In the center Listbox scroll down until half way down the list. Now from the top row ensure it's slightly or partially visible (ex: you should just see the ZK in the image and not the whole image in that row). Now click that top row that's partially visible. See that the viewport will scroll down and the item is selected. It should not have scrolled. This issue does not happen with the bottom partially visible row, or any row that is fully visible. Only on a top partially visible row.

This was tested in 9.0 and 9.5.

On Chrome the jump down is large and we'll see the listcell a few rows down. On Firefox it simple puts the item in view so that the top of the row is aligned with the top of the list box. How can we disable this? (if we prevent selection via the model or set the listcell as disabled then we get the desired effect of no change. But then I have CSS issues as now all the components have the "disabled" look).

Thanks in advance for any information.

Listbox partial visible rows jump/scroll down when selected

I created this zkfiddler zkfiddle to show the bug:

https://zkfiddle.org/sample/e2ccbl/1-listbox-partial-visible-rows-jump-scroll-down-when-selected

In the center Listbox scroll down until half way down the list. Now from the top row ensure it's slightly or partially visible (ex: you should just see the ZK in the image and not the whole image in that row). Now click that top row that's partially visible. See that the viewport will scroll down and the item is selected. It should not have scrolled. This issue does not happen with the bottom partially visible row, or any row that is fully visible. Only on a top partially visible row.

This was tested in 9.0 and 9.5.

On Chrome the jump down is large and we'll see the listcell a few rows down. On Firefox it simple puts the item in view so that the top of the row is aligned with the top of the list box. How can we disable this? (if we prevent selection via the model or set the listcell as disabled then we get the desired effect of no change. But then I have CSS issues as now all the components have the "disabled" look).

Thanks in advance for any information.

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More