Impossible to check if the event transitionend is supported

Confirmed Issue #14719337 • Assigned to travil

Details

Author
xavier o.
Created
Nov 17, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Standard affected
CSS Transitions

Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Edge 40 supports the event "transitionend". But it is not possible to check if this event is supported.

I have created a function which checks if this event is supported and it returns always false :

    function eventSupported(eventName, htmlElement) {
        var eventName = eventName.toLowerCase()
        var jsEventName = eventName;
        if (!jsEventName.match(/^on/)) { 
            jsEventName = "on" + eventName.toLowerCase();
        }
        var upperCaseedEvent = jsEventName.toUpperCase();
        return (jsEventName in document.documentElement) || (eventName in htmlElement) || (top.Event && typeof top.Event == "object" && upperCaseedEvent in top.Event) || (typeof htmlElement[jsEventName] === "function");
    }

Attachments

1 attachment

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. We opened the attached HTML file in multiple browsers and watched the console log while clicking the red DIV element in the webview. The event “transitionend” appears to be triggered as expected, but possibly “ontransitionend” is not triggered in Edge and Chrome.

    Please provide us with the required repro steps to conduct your test, and
    the expected logs versus the actual logs. (A screenshot of your console log might help communicate these requirements.)

    Best Wishes,
    The MS Edge Team

  • Steps to reproduce:

    1. Open de page “test-transition.html” in Edge.
    2. Click on the red column.
      Result:
    • the red column is expanded.
    • The following log is displayed :
      "Event not detected: ontransitionend
      Event triggered transitionend".

    The expected result (in Firefox 56 and Firefox 57)

    • the red column is expanded.
    • The following log is displayed :
      "Event triggered transitionend".

    That meas that: as Edge triggers the event transitionend, it should be possible to check if it si supported. Like in Firefox, the function eventSupported should return true.

  • Microsoft Edge Team

    Changed Assigned To to “travil”

    Changed Status to “Confirmed”

You need to sign in to your Microsoft account to add a comment.

Sign in