i have more than 100 checkboxes on a page. when checkbox is clicked, check-mark appear after seconds delay.
it works fine on chrome but problem is only found on Internet Explorer.
remove all css and click event wont solve the problem. its seems like default behavior of IE.
one interesting fact, if around 50 checkboxes appear on screen, problem goes away. no slowness is observed if checkboxes are not in hundreds.
Please suggest.
Related
What has happened to Google Chrome Developer Console?
My error messages are being minimized so that I can't see them. All I get is a pink line.
I have tried resetting to the default settings.
Once I do this the console is back to normal.
But as soon as I refresh browser page, it's back to the single pink line.
I've tried fiddling around with the filters but this doesn't work either. Also the little filter button is gone now.
Here is my before and after settings once I click the reset button. No difference here that I can tell.
Here is my browser version.
Has anyone else had this happen? It's driving me crazy resetting between every refresh...
Looks like Google fixed this with a browser update. It doesn't behave like before.
When I mouse over many inputs and textareas all over the web, I see some weird text.
I thought it was on StackExchange only, but it happens on amazon:
(note that you can't see my mouse in these pictures, it is not recorded in the screenshot, but it is on the upper-left of each hover text.
Chrome's DevTools shows a weird title attribute:
I have no idea why this happens. The websites I've seen this on don't seem to have a library in common, so I doubt that would cause the problem. At the same time, I have seen this in browsers other than chrome, so I don't know. Even the textarea that I'm typing in right now has the problem.
Why does this happen and how can I prevent it from happening to my website?
Looks like that's a built-in Chrome option, an "experimental feature." Go to chrome://flags/ and disable "Show Autofill predictions" if you want to turn it off (mine was disabled by default).
i have a website with alot of popup windows and z-index going on.
Chrome version: 46.0.2490.80 m (never seen in other browser, but cannot omit it)
Everything works fine, but every 50th (not precisely, but very rarely when opening popup or coming back from alt-tab)
Behind all this: my website.
The red: the fullscreen overlay beneath my popup.
The lightGray: my popup window.
The darkgray: popup content.
So for some reason, the corner of my div is cut off. The problem is not connected to this particular popup, or this particular corner.
I have sometimes seen this following an alt-tab into chrome, but not enough to say that's the problem.
I have never seen anything like this, usually it works or breaks, this time its working breaked.
Any clues?
The HTML and CSS are rather large so I can't pinpoint the issue or post a good example. When I toggle through my UI, the css styling seems to break, the most jarring of which is that the background changes to grey. I was wondering if anyone encountered similar issues. Here are some of the conditions for me.
-Chrome: Firefox & Safari working fine
-Small Screen: Problem doesn't occur on larger monitors
-Toggling developer console on and off fixes the issue
It's difficult to try and pinpoint the issue without seeing some code or even a fiddle, but when you open the inspector the page is resizing, and so redrawing (at least some of) the elements. It's also possible that there's a cache issue - I believe by default when you open the inspector the cache is disabled and so all css and scripts are downloaded again. That said, if you aren't refreshing the page it with the inspector open its unlikely to be that.
My money would be on the window effectively resizing when you open the inspector, and so some (if not all) elements are forced the redraw and thus re-evelauate their styles.
Maybe you could use Chrome's timeline to check what is being painted as time goes by. Try running that and opening the inspector while its active to try and see whats going on.
Looks like a long standing bug (years) with webkit:
How can I force WebKit to redraw/repaint to propagate style changes?
The solution that appeals to me is:
$('#body').hide().show(0); from Force DOM redraw/refresh on Chrome/Mac
to force a redraw.
Weird problem. I don't know if anyone can shed some light on this? I have a checkbox inside a div. It works fine in IE but not Firefox. I have to click the space around the checkbox that is occupied by the div (sort of like a label) for the checkbox to tick on and off. Directly clicking the checkbox does not show it as ticked on or off, even though in firebug it is showing that it is in a checked state and an unchecked state.
Only in FF does this happen.....
I think this is a bug in firebug. Disabling firebug will stop this behaviour happening.
I had a similar strange thing happening with radio buttons. Disabling firebug fixed it.