The server-side OnClick event is not raised when clicking on the Button text (Lightweight RenderMode, Chrome/Edge browsers, Q3 2015 SP1 release)

Thread is closed for posting
1 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 posts
    Member since:
    Oct 2004

    Posted 24 Nov 2015 Link to this post

    In the Q3 2015 SP1 release the server-side OnClick event of RadButton is not raised when the following conditions are met:

    • The RenderMode of the button is set to Lightweight.
    • The .aspx page is opened under Chrome or Edge browser.
    • The button triggers an AJAX request.
    • The text of the button is clicked.

    The issue will be fixed for the official Q1 2016 release and the 2015.3.1124 internal build.

    For the time being you can use one of the following resolutions:

    • Set the UseSubmitBehavior property of the button to false
      <telerik:RadButton ID="RadButton1" runat="server" UseSubmitBehavior="false" Text="Click" OnClick="RadButton1_Click" RenderMode="Lightweight" />
    • OR place the following JavaScript workaround below the button's declaration (e.g., at the end of the page/master page):

          var $T = Telerik.Web.UI;
          $T.RadButton.prototype._mouseClickHandler = function (args) {
              var button = this, result;
              var target =;
              var e = args.rawEvent;
              var element = button.get_element();
              if (target !== element && $telerik.isDescendant(element, target)) {
                  simulateMouseEvent(element, "click", e);
              try {
                  if (button._functionality.clicking(args) && !element.getAttribute("rwOpener")) {
                      result = button._functionality.clicked(args);
              finally {
                  setTimeout(function () { Page_BlockSubmit = false; }, 0);
                  return !result ? $telerik.cancelRawEvent(e) : true;
          function simulateMouseEvent(element, eventName, args) {
              var o = $telerik.$.extend({}, args || {});
              var oEvent;
              if (document.createEvent) {//deprecated DOM2 Event Model
                  oEvent = document.createEvent("MouseEvents");
                  oEvent.initMouseEvent(eventName, o.bubbles, o.cancelable, document.defaultView,
                                        o.button, o.screenX, o.screenY, o.clientX, o.clientY,
                                        o.ctrlKey, o.altKey, o.shiftKey, o.metaKey, o.button, element);
              else if ("MouseEvent" in window) {//standard DOM3 Event Mode
                  oEvent = new MouseEvent('click', o);
              oEvent && element.dispatchEvent(oEvent);
              if (!oEvent) {//IE
                  oEvent = extend(document.createEventObject(), o);
                  element.fireEvent('on' + eventName, oEvent);
              return element;
          function extend(destination, source) {
              for (var property in source) {
                  destination[property] = source[property];
              return destination;


Back to Top