c5.5: dashboard flicker in Chrome [solved]

Permalink
Hi!

I notice that there's an annoying flicker when showing the dashboard on Chrome: when the displayed "dialog" is small and fits in the window, a scroll bar is still being shown. Hovering over the "Dashboard" link (as an example) makes the scroll bar disappear and all contents is shifting slightly to the right. Then it shifts back when the scroll bar appears again.

I am running Windows 7 and Chrome 17.0.963.44 beta-m.
This seems to work fine in Firefox 9.0.1

I would guess that the problem is with the JS-stretched background image. Is there a way to change that (and use a normal background), without editing the core files? I.e. can even the dashboard page be overriden?

best regards,
Vlad

vladdu
 
frz replied on at Permalink Reply
frz
which page is it exactly that you're seeing this on?

best wishes

Franz Maruna
CEO - concrete5.org
http://about.me/frz
vladdu replied on at Permalink Reply
vladdu
Hi!

It's on the admin pages - the JS displaying the "image of the day" background interferes with the scrollbar when the visible "dialog" is fully contained in the viewport.

Unfortunately, I have no idea how to debug this and get more details. If you do and can't reproduce, please let me know.

regards,
Vlad
frz replied on at Permalink Reply
frz
I don't see it yet. Which dashboard page specifically? Or any/all of them?

best wishes

Franz Maruna
CEO - concrete5.org
http://about.me/frz
vladdu replied on at Permalink Reply
vladdu
It looks like any page will do. The background image is common to all of them.

This is how i can reproduce the problem:
- open the dashboard's "interface settings", as it's a small one that fits in the viewport
- moving the mouse cursor in and out of the top c5 bar makes the scroll bar at the right to appear and disappear, while the whole page shifts left and right
- this is both for image of the day and for local image

It feels like the script that stretches the image gets the size wrong in Chrome.

Of course, I can disable the image, but they are nice to have.

regards,
Vlad
adajad replied on at Permalink Reply
adajad
I can't reproduce this in either Chrome 16.0.912.77 or Chrome 17.0.963.46 on Win7Pro x64.
vladdu replied on at Permalink Reply
vladdu
I can see this on two different machines, at home and at work.

Weird.

regards,
Vlad
vladdu replied on at Permalink Reply
vladdu
Ok, I debugged it a little bit: from the js console I changed the size of the backstretched image to something smaller and the flickering effect happens whenever the mouse hovers away from the image to any other element and back.

I suppose that some mouseover handler does something, but i'm not that savvy about jQuery and the c5 innards...

regards,
Vlad
vladdu replied on at Permalink Best Answer Reply
vladdu
Problem solved!

Sorry for the noise, it was a problem on my side after all...

The Chrome Toolbox extension has an option "When the mouse pointer hovers over an image, show image floating toolbar (magnifier, view original image, set wallpaper)". This toolbar is shown right above the image, in this case moving it down and causing the scrollbar to appear.

It's still weird that the backstretch demos don't have this issue at all, though...

Thanks for the help!

regards,
Vlad
adajad replied on at Permalink Reply
adajad
Glad you solved it! :D