JQuery SlideToggle problem in IE7 with button that has a bg-image - jquery-ui

In using Jquery's SlideToggle, I'm finding a problem with the handling of background images for a button element in IE7.
When the div is toggled, the background image takes a few more milliseconds before disappearing. The overall effect is not very clean. And it works fine in Chrome or Firefox.
Has anyone seen this before or any ideas how to solve this?
You can see an example of it here:
http://www.casa-luciano.com/test/lists.asp
Thanks in advance for anyone's help, and let me know if you need more info!

A bit late - but try adding position:relative to the div parent; works for me.

Related

Off canvas not hiding Form elements

I'm trying to use off canvas as side menu to navigate my site, it is working as intended on everything except for some elements that should be hidden but keeps going over the off canvas.
So far off canvas hide everything except forms and alert panels as if they have a Z-index higher than off canvas.
I've tryed a few things like forcibly set z-index of off canvas to 2000 but nothing seems to work
can anybody give me some tips on how to solve this issue?
thanks in advance!
https://ibb.co/RhHzBTF

CSS Transition on pseudo element did not work on Safari

I try to create on hover hyperlink animation. When user hover on the link it will animate the underline.
I put the code here : http://codepen.io/elaelation/pen/bkicn
It works very well on Chrome & Firefox, but it did not work on Safari. I already put the -webkit-transition for Safari bug, but it still didn't work.
Is there anything wrong with my code ?
thank you.
I just found a good article here : http://css-tricks.com/transitions-and-animations-on-css-generated-content/
CSS transition on pseudo element is not supported yet in Safari. You can read the detail on the article above.

SlickGrid overlay issue in Jquery UI Tabs

There seems to be an overlay issue when slickgrid is inside a jquery ui tab. I am not sure how to fix it.
To reproduce the isse, Please try this JSFiddle link
Please scroll the grid in Tab1 and switch to Tab2. When we switch back to Tab 1. The grid is empty. This seems to happen in chrome and IE, not an issue in firefox !
Filed an issue here:
Please let me know if I'm missing something.
Solution: Solved it with the hint from an earlier post. Used the off-left technique to hide inactive tabs.
Thanks for your time.
Solved it with the hint from an earlier post. Used the off-left technique to hide inactive tabs.

Display Artefacts when Switching Pages in TMS TAdvOfficePager

I'm using TAdvOfficePagercomponent from TMS Software. Inside each page I use a frame. When switching between pages I get some ugly display artefacts like this:
The controls from the old page and the controls from the new page are both visible for some time.
Is there anything I can do about this?
Note: There's nothing happening in the OnShow event handler, it's really just the page switch causing the artefact.
Thanks for your help in advance.
tms have a lot of problem in theirs components. solutions:
1) try redraw the component
2) sometimes enable->false and then enable->true can solve it(also try with visible)
3) take the code, digg in it and resolve the problem by yourself....
best regards,

sIFR links lose focus in Firefox 3.6 after scrolling

I've noticed this issue in previous versions of Firefox whereby after scrolling sIFR links become inactive and need to be clicked in order to become links again. The fix for this was fairly straightforward and just required you to add 'fixFocus: true' in the sIFR config.
Unfortunately when I upgraded to Firefox 3.6 this fix no longer works. I'm just wondering if anyone else has come across this and know if there's a workaround. We use sIFR links in loads of our sites so this is a pretty bad bug!
Thanks in advance if anyone can help
*update - it seems like it's the addition of using the wmode: 'transparent' - if i take this out the fix focus works again. Still a problem though as most of our links need to be transparent
Yea, it's a browser issue, and a rather old one by now. There's no better workaround available in sIFR.
A trick to make the sIFR links work fine in firefox when having the wmode set to transparent, is to add that CSS code to the class that is being replaced :
.fontname:hover {background-position:0% 100%;}
In this example, fontname is the CSS class that determines which tags are replaced.

Resources