locked
IE 11 Checkbox Delay Bug? RRS feed

 > 

  • Question

  • Question
    Sign in to vote
    1
    Sign in to vote

    I have some HTML forms on a webapp where the form fields output is dynamically driven by the number of records returned from a data query.

    In some cases the resulting forms may have hundreds of checkboxes on them.  The issue we've noticed with IE 11 is that checking one of them causes a delay/pause before it's actually checked - in the 500ms+ range.  That's not acceptable.  We've verified this issue across win 7 and win 8 desktops and tablets.

    Anybody know if this is a reported bug?  Can't find anything on it when searching.

    Thanks

    Friday, July 11, 2014 3:07 PM

All replies

  • Question
    Sign in to vote
    0
    Sign in to vote

    Hi,

    what event handlers have you attached to them? use the click event handlers, not the change event handlers...

    When asking a question in this forum it is helpful if you can include a link to your website or a mashup that shows the issue.

    this design pattern:

    does not work properly in Gecko browsers with multiple checkboxes with the same name. Use the name attribute to group your checkboxes. Type="radio" is the design pattern to use to have mutually exclusive option choices.

    Please post back with your website or mashup link or markup source.

    Rob^_^


    Friday, July 11, 2014 10:25 PM
  • Question
    Sign in to vote
    0
    Sign in to vote

     

    use the click event handlers, not the change event handlers...

     

    <label><input type="checkbox" name="maxshellby_domitry_idlecuriosity_Mrmonopoly" class="kciD" onchange="uncheckothers()" checked="checked"/>is a kciD</label>

     

    does not work properly in Gecko browsers with multiple checkboxes with the same name. Use the name attribute to group your checkboxes. Type="radio" is the design pattern to use to have mutually exclusive option choices.


    Rob^_^

     

    IECustomizer, can you explain why not to use "change" event?  According to Max Shillby demo (who you call DICK backwards, "kcid"), the only browser which loses change event is IE, during double-click of checkbox.  Is this what you mean?

    Max Shillby demo:  https://googledrive.com/host/0B8BLd2qPPV7XeHVhaExjQ1Y1ZFU

     

    I spotted it quoted in this post from your friend and colleague, Aeneas Dardanus, who calls Max "darling".  I see you two have different epithets for Max.

    http://social.msdn.microsoft.com/Forums/ie/en-US/cfc13d2d-49d3-4720-9333-03f0388eb9a5/ie-11#f5fe44dd-21c0-4192-9e73-b97ffe7649ee

     

    > does not work properly in Gecko browsers with multiple checkboxes with the same name.

    I have idle curiosity for this Gecko comment which you make.  It seems unfounded.  I have tried making multiple checkboxes with same common name.  I tested.  This seems ok with Firefox for UI checkbox behavior.  Possibly there is issue with form submit which I did not examine, since it does not relate to topic of this thread.  Can you describe your problem?

     

    Edit:  Now I tested form submit with 3 checkboxes, all with same name, with Firefox.  It worked ok.  See addressbar in screenshot.

    http://bknndq.bl3301.livefilestore.com/y2poWFNyFdbMoDB5YEQMzQztnaPZbTohxQXBZczm-A2BwWe0tU-pODaILJcpWNvXr05ZrAL_xDEaLBMTqJxB94PLkQ_983anE9z0PR_nUmmuzQ/form3checkbox-with-same3names.png

     

    In any case, what has your misinformation anything to do with TNiswizzle's inquiry about IE checkbox latency?  It seems like random recital what you posted.

     

    TNiswizzle.  My apology to indulge off-topic gibberish with IECustomizer MVP.

    Monday, July 14, 2014 9:51 AM
  • Question
    Sign in to vote
    0
    Sign in to vote

    The site is an internal corporate web app.  Nothing public.

    I'm not using any script calls. 
    Here's an example of the checkbox group (just plain 'ole HTML)

    <input type="checkbox" name="Remove1" id="Remove1" value="Yes">
    <input type="checkbox" name="Remove2" id="Remove2" value="Yes">
    ...etc.
    <input type="checkbox" name="Remove231" id="Remove2311" value="Yes">

    just checking or unchecking any of those causes a long pause before the 'check' actually appears.
    It's really bizarre.  I've never had any issues with this on the same app until IE11 and this app has been around since 2005.

    I should mention that it's running in Enterprise mode, since it's older code.

    Thanks


    • Edited by TNiswizzle Thursday, July 17, 2014 1:06 PM
    Thursday, July 17, 2014 1:04 PM
  • Question
    Sign in to vote
    0
    Sign in to vote

    Hi,

    how many checkboxes do you have on the page..

    can you upload a mashup to your online storage area and link to it?

    or debug yourself

    1. Test in noAddons mode.

    2. Test with scripting disabled... disable Active Scripting in the Security zone tab of Internet options or slide the current level to high.

    or

    f12>find tab, click the Find tool and then hover over a checkbox to select it in the DOM tree in developer tools.... select the Events tab, and check that no third-party shims or asp.net event handler are 'attached' (addEventListener)

    Rob^_^

    Friday, July 18, 2014 1:02 AM
  • Question
    Sign in to vote
    0
    Sign in to vote 

    <!DOCTYPE html>
<html>
<head>
	<title> checkbox array </title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<style type=text/css>

		* { margin:0; padding:0 }
		.outer { white-space:nowrap }
		.inner { display:inline-block; padding:20px 0.3em 20px 3em }
	</style>
	<script>
		onload = function(){
			for (var s="",i=1; i<=200; i++) s+= (!((i-1)%10)?"<div class=outer>":"") +
							    "<div class=inner><input type=checkbox name=Remove"+i+" id=Remove"+i+" value=Yes></div>checkbox"+String(1000+i).substr(1) +
							    (!(i%10)?"</div>":"")
			document.body.innerHTML = s
		}
	</script>
</head>
<body>
</body>
</html>

     

    Hi again TNiswizzle.  This script generates a 10x20 array of 200 checkboxes.  You can copy+paste it into Notepad, save as anything.html, then double-click to run from desktop.

    Since it isn't doing any onclick or anything, it isn't very real-world I guess.  But it doesn't lag for me.  How about for you?

     

    edit:  but now after I post this, I am seeing something funny I didn't notice before.  When repeated clicking at just exact speed, a little slower than what might cause a "double-click", the click gets lost.  A brief flash, but no toggle.  It is a very odd thing.  Maybe I am tired now.  Anyone else see this happening?

    Friday, July 18, 2014 9:36 AM
  • Question
    Sign in to vote
    2
    Sign in to vote

    I'm glad someone finally sees it.  Thanks Thumbdown.

    Try it with about 400 checkboxes. We have some parts lists that are that size or larger in this app.  You'll see a serious lag in the toggle.  Just keep going down the checkboxes and it's really noticeable.

    Only until IE 11 did this start happening.

    Monday, July 21, 2014 10:52 PM
  • Question
    Sign in to vote
    0
    Sign in to vote
    I have the exact same problem. anyone find a solution?
    Friday, February 20, 2015 12:35 AM
  • Question
    Sign in to vote
    0
    Sign in to vote

    The consecutive even clicks doesn't check or uncheck the checkbox. There seems to be some delay of milliseconds it waits between each click.

    It happens even with a single check box.

     
    Friday, October 30, 2015 6:46 AM
  • Question
    Sign in to vote
    0
    Sign in to vote

    I also have the same issue. Does anyone have anything good to solve it?

    I guess this case reproduce with below conditions;

    • large number of checkboxes (approx more than 1000)
    • checkboxes are organized in table tag (table - tbody - tr - td)

    Browser is also IE11.

    Wednesday, October 5, 2016 4:45 AM
  • Question
    Sign in to vote
    0
    Sign in to vote

    Do you have Compatibility View turned on for the domain? 

    Had this happen on a custom web page at work here - CV was active for our domain (for another product) and was interferring with this web page - inserted meta code into the web page (to turn CV to IE9 mode) and checkboxes work fluidly now.  This was also in IE11 - our other product could only handle IE9 or lower - hence the CV.  Checkbox page worked fine in IE9 - just not IE11 with CV.

    Wednesday, October 26, 2016 7:20 PM