lale-help / lale-help

A collaborative platform for volunteer refugee support.

Home Page:http://lale.help

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hover over popup for helpers is not located properly in helper list

dottorer opened this issue · comments

If no scrolling is done, the popup appears correctly, once we scroll, position is off and leading to a flickering browser behaviour.

@diegoduarte @phillipoertel mentioned this requires taking the scroll offset into account. Maybe ge can give you a pointer as how this could be fixed.

Displaying the user preview info is done with pure CSS, no JavaScript involved; see: https://github.com/lale-help/lale-help/blame/ec632ed37d59633011f112fdab9a0e072a5a729f/app/assets/stylesheets/components/_user_icon.scss#L45-L50

So subtracting jQuery's scrollTop (https://api.jquery.com/scrollTop/) to fix the position isn't possible. There's probably a solution with pure CSS as well, but you'll have to Google.