[Modal] Refresh/observe changes has odd click offset behaviour when scrolling modal

[stephenoldham]

Affects Chrome Version 61.0.3163.100

It seems when using a form in a modal with observeChanges:true, once the modal refresh has been called and the modal scrolled, you can't click to focus on any form element.

Example: https://jsfiddle.net/1218vmc8/2/

Steps to recreate:

1. Click in an input to assert form works as expected to start
2. Click dropdown to trigger an observed change
3. Scroll modal and try to click on any input or dropdown (you either wont be able to or you will experience the strange click offset)
4. Scroll modal back to original position and you'll be able to click on the form elements again

[awgv]

Hi @stephenoldham, I can’t reproduce on the same version of Chrome. Could you please record a quick video? You can use https://github.com/NickeManarin/ScreenToGif that’s portable.

[stephenoldham]

Hi @Banandrew no problem. Gif with the bug using observeChanges and gif without below :)

With bug:

Without bug

[luoage]

I have the same error, it confused me for days.

platform: mac
chrome: Version 61.0.3163.100 (Official Build) (64-bit)

[mddddb]

Same problem here. Semantic scrollbar doesn't change position(stays at the top, modal content scrolls) when scrolled using mousewheel, and mouse pointer offset exists. If modal is scrolled by dragging semantic scrollbar, everything works. And after one time dragging mousewheel scrolling also works as expected

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[jlukic]

I watched your gif, but I cant seen to reproduce this bug in chrome 67.