0

UpdatePanel flickers when the user clicks a button that causes a partial postback, when button positioned inside scrollable div element inside that updatepanel (when a div without scrolling does not flicker). Flicker becomes stronger as the number of elements inside a div increases. The question is how to remove flicker.

This issue appear only in IE11 under Windows 10. In other browsers the problem does not recur, even in IE11 under Windows 8.1 everything works fine.

My version of IE11 on Windows 10 (in older IE11 on Windows 10 there was the same bug)

enter image description here

My test page aspx code (I just created an empty web project with this page)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestIEFlicker.aspx.cs" Inherits="IEFlickering.TestIEFlicker" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
            <ContentTemplate>
                <div style="width: 1000px; height: 300px; background-color: antiquewhite; overflow-x: auto;">
                    <div style="width: 1500px; height: 200px; background-color: aquamarine;">
                        <asp:Button ID="Button1" runat="server" UseSubmitBehavior="true" />
                    </div>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>
</html>

Please help, this issue will completely break my corporate application when customers upgrade to Windows 10 and yes they continue to use IE11...

Scrolling in this way is used in many elements of the site, GridView, DetailsViews, etc. It looks very ugly.

Improve this question
4
  • You cannot prevent that. It's an IE thing.
    – VDWWD
    Commented Feb 8, 2020 at 12:10
  • this is strange, microsoft updatepanel does not work in microsoft browser? is it a bug or feature) maybe something can be done through the App_Browsers configuration?
    – AlexanderT
    Commented Feb 8, 2020 at 15:04
  • The UpdatePanel works fine, it just flickers since the contents are updated.
    – VDWWD
    Commented Feb 8, 2020 at 17:00
  • but this is not normal, this problem appeared in Windows 10, any click on the UpdatePanels looks ugly.. temporary solution, Im writing a message that the browser is not supported. This is way Microsoft want ?
    – AlexanderT
    Commented Feb 8, 2020 at 17:27

1 Answer 1

Reset to default
0

Try to set the Page.MaintainScrollPositionOnPostBack Property toTrue.

Code as below:

<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" CodeBehind="TestIEFlicker.aspx.cs" Inherits="IEFlickering.TestIEFlicker" %>

Edit:

It is the IE Browser default behavior(bug) or it also might be related the AjaxControlToolkit. There has a workaround, you could use JQuery Ajax to call the web methods (or web API), then update the partial html content, instead of using AjaxControl.

Here are some related articles about using JQuery ajax in Asp.net, you could refer to them:

Partial page updates with jQuery AJAX

ASP.net AJAX database operations and partial page update

Improve this answer
3
  • No it didn’t help. what does the scroll position maintain to do with it?
    – AlexanderT
    Commented Feb 12, 2020 at 16:40
  • @AlexxanderT, When Web pages are posted back to the server, if the MaintainScrollPositionOnPostBack property is set to true, the user is instead returned to the last position on the page. I have checked it with your code in previous, it seems that everything works well, so, I thought perhaps it was a solution, but at present, it's not working, perhaps it is a cache problem. So, please check my edit, you could consider to use JQuery Ajax to update the partial web page.
    – Zhi Lv
    Commented Feb 18, 2020 at 5:41
  • I do not use AjaxControlToolkit in this example, and still get flickering.. I also think that this is an IE bug, the question is what solution (using these technologies)
    – AlexanderT
    Commented Feb 19, 2020 at 19:03

Not the answer you're looking for? Browse other questions tagged or ask your own question.