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
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
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
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
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
best wishes
Franz Maruna
CEO - concrete5.org
http://about.me/frz
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
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
I can't reproduce this in either Chrome 16.0.912.77 or Chrome 17.0.963.46 on Win7Pro x64.
I can see this on two different machines, at home and at work.
Weird.
regards,
Vlad
Weird.
regards,
Vlad
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
I suppose that some mouseover handler does something, but i'm not that savvy about jQuery and the c5 innards...
regards,
Vlad
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
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
Glad you solved it! :D
best wishes
Franz Maruna
CEO - concrete5.org
http://about.me/frz