I have a web application that includes an ExtJS 4.1 grid.
I create the grid(and it is rendered right), but when I load the store, the whole page disappears. I have added a load listener on the store and it seems that the results are received successfully.
This problem occurs only in IE8 - Chrome and FireFox display everything right.
How should I fix this?
I have managed to solve this problem.
The problem was that I was also using PIE(http://css3pie.com/) and had customized the strong tag so that it had a shadow and rounded corners. One of the grid's fields had a few strong tags. It seems that the existence of more than one such tag in one cell makes IE8 crash(or something similar), hence the aforementioned problem.
Related
This has been reported before but not with current Version of CF11 Update 3 and Firefox 35.0. Using Firebug creates a long delay and brings up the warning:
Relative positioning of table rows and row groups is now supported. This site may need to be updated because it may depend on this feature having no effect.
http://localhost/CFIDE/scripts/ajax/ext/ext-all.js
Line 18
Is there any way to get rid of the delay?
There is a problem in Firebug 2.0, which is causing the delay. See issue 7545. This problem is seen on pages making heavy use of JavaScript.
There is also the related issue 7721, which asks to limit the number of dynamically evaluated scripts being displayed within the Location Menu within the Script panel to avoid slowdowns.
The message you mention, which is probably listed within the Console panel, sounds rather unrelated to the delay.
I have a an app that I will port to Phonegap, and I am using iScroll 5 to handle some aspects of the scrolling.
This app is built with some CSS from Ratchet, but quite modified, and just about all the Ratchet javascript has been removed; also jQuery; FastClick.js.
The app is a single HTML file (not using push.js from Ratchet), and divided into Pages that are inside a master Content area, and change with CSS3 transitions. So far, iScroll is used in two places; initialized at the same time with two different calls to IScroll("#id").
The first iScroll works fine - it is just a simple set of sections with paragraphs scrolling between two fixed header/footer bar elements.
The second one wraps an entire page that shows on an internal transition. In other words, its not a page as described above, but it is a full width element that is taller than the page, and sits beneath the header and one other button set. That may or may not be important, but when it shows the first time, there is nothing anywhere I can do to get it to initialize properly.
Since the js variable is global, I can see it, and this is what I have noted so far:
> myScroll.initiated=0
> myScroll.enabled=true
> myScroll.scrollBy and myScroll.scrollTo both work as expected
> myScroll.refresh() and myScroll.resetPosition called from
js file or from console have no effect whatsoever
I am using Chrome with touch events enabled for development, but the behavior is replicated on my iPhone. The div (which only contains a simple list) responds to touchmove events, in that they are logged in the console, but there is literally no scrolling movement at all. I believe that there is probably a bug related to multiple layers being positioned with transitions, but I don't know what to do next.
Can anyone offer some guidance on,
How To Fix This
Or failing that, what is the best placed to look to debug this, and find out why nothing is happening.
Thanks
This is a bit of an odd issue I'm having. I've been using John Resig' micro-templates for a meeting minutes application, and it seemed to work well, but lately I've been having an issue.
Basically the application fetches some JSON from an ajax call, and then uses the templating engine to generate a table with various actions like so:
This works fine, its a little slow in IE (javascript rendering) but it works. However randomly I'll get a stuff up in the display:
notice the gap there, its pushed it out wide, also, its made the rest of the rows squish up. I've tried every CSS/HTML trick I can think of to try and get IE to render it properly, but I'm out of ideas (any suggestions would be great!) . I'm using JQuery Sortable so you can drag each of those rows around, I noticed that when you drag it and place it again, it displays correctly. It's as if it thinks theres an extra TD there, when there isn't.
So I opened the IE developer tools and copied the inner HTML of the HTML element. Pasted this into a HTML file and put it on the server, turned off the JS so it wouldn't reload the elements and ran the page. It displays perfectly, just as in my first image.
So I'm confused as to why IE will render the page fine if the HTML is present from the start, but the templating engine causes odd stuff ups.
I'll probably look at rendering that part of the HTML on the server, and only use the templating where I need to. But has anyone come across this sort of issue before? is there any trick I can do to make it render it as it should?
we had similar problem in our company and our designer solved it. Solution was in concatenating tags one after another without spaces and/or without new line. Code is not looking great after that but still solves problem.
Thanks,
Nikola
So I have a bit of script at the bottom of my page //RETAINER CURRENT that is supposed to hide and show content based on what menu item the user selects in the maincontent area. Unfortunately in IE7 all layers are rendered which means the videos in each layer play simultaneous. I tried .detach, .remove, methods and had no luck and when I saved the items to an array and .empty 'd them I still had no success. What noob mistake am I making?
http://jsbin.com/ahuye4/3
I had the same issue. I was using asp.net so the way I was able to solve this was by using updatepanels and handling the hiding/showing in the code behind with Panels.
I'm not sure what fraemwork/language you are using.
However, I think you might need to call into the flash object and pause/stop the flash videos programmatically.
I've published a website and every page has an or element with Cufon (cufon-yui.js) and sometimes while the page is loading , the visitor can see the text replacement tool doing it's job. It looks bad, some users are asking about it.
Why would that be happening if I'm using it (cufon) like anybody else and I don't' see this text rendering issue happening in most sites.
Also, there's an issue happening as well, with the Hyperlinks that are using Cufon.
Sometimes the cursor (a hand that appears for hyperlinks) disappear , it's bizarre.
Adding the following to your css should solve the issue:
.cufon-loading {
visibility: hidden;
}
use one of the google web fonts or typeface/
I've just started looking at Cufon, so I'm not sure I'm qualified to give an opinion, but I've read the IE has (or had) rendering issues and that you needed to add <script type="text/javascript">Cufon.now();</script> to the end of your body (right before the </body>. If you are running any other heavy scripts on the page, you might want to put them as low on the page as possible and place the Cufon.now() right above those scripts (place Cufon higher in priority). If that doesn't work, try hiding your Cufon elements with JS as soon as the DOM has loaded (visibility:hidden) and then unhide them when the onload event fires (though I'm not sure that's much better than the text flickering).
Use something better?: http://reisio.com/examples/webfonts/
(if you worry about distribution legality, replace your fonts with any of the numerous free clones available all over the internet)