{"record":{"id":"b857973fd745e459","repo":"Semantic-Org/Semantic-UI","slug":"this-browser-does-not-support-css-animations","errorCode":null,"errorMessage":"This browser does not support CSS animations","messagePattern":"This browser does not support CSS animations","errorType":"console","errorClass":null,"httpStatus":null,"severity":"warning","filePath":"src/definitions/modules/transition.js","lineNumber":1089,"sourceCode":"\n  className   : {\n    animating  : 'animating',\n    disabled   : 'disabled',\n    hidden     : 'hidden',\n    inward     : 'in',\n    loading    : 'loading',\n    looping    : 'looping',\n    outward    : 'out',\n    transition : 'transition',\n    visible    : 'visible'\n  },\n\n  // possible errors\n  error: {\n    noAnimation : 'Element is no longer attached to DOM. Unable to animate.  Use silent setting to surpress this warning in production.',\n    repeated    : 'That animation is already occurring, cancelling repeated animation',\n    method      : 'The method you called is not defined',\n    support     : 'This browser does not support CSS animations'\n  }\n\n};\n\n\n})( jQuery, window, document );\n","sourceCodeStart":1071,"sourceCodeEnd":1096,"githubUrl":"https://github.com/Semantic-Org/Semantic-UI/blob/597843ab84d565cccfd8fd7719416350ae73e734/src/definitions/modules/transition.js#L1071-L1096","documentation":"Emitted at the top of Transition's animate() (transition.js:170-172) when module.is.supported() returns false — the browser/engine lacks CSS animation support (no Animation API / animationend). Transition becomes a no-op in such an environment. It is a console.error (transition.js:888), not thrown.","triggerScenarios":"Running transition() in a browser or runtime without CSS animations — a very old browser, a stripped embedded webview, or a headless test runner that does not implement the CSS animation API.","commonSituations":"Legacy browsers, automated/headless test environments, embedded webviews, CI screenshots.","solutions":["Feature-detect CSS animation support before relying on transitions and provide a non-animated fallback.","Upgrade the runtime/browser to one with CSS animation support.","In tests, use a runner that implements CSS animations or stub the feature."],"exampleFix":"// before\n$('#box').transition('fade'); // logs support error in headless env\n// after\nvar supportsAnim = (typeof document.createElement('div').animate === 'function')\n  || ('animation' in document.createElement('div').style);\nsupportsAnim ? $('#box').transition('fade') : $('#box').show();","handlingStrategy":"fallback","validationCode":"// Feature-detect CSS animation support and fall back to a plain show/hide.\nfunction cssAnimSupported(){\n  var el = document.createElement('div');\n  return 'animation' in el.style || typeof el.animate === 'function';\n}\ncssAnimSupported() ? $('#box').transition('fade') : $('#box').toggle();","typeGuard":null,"tryCatchPattern":null,"preventionTips":["Do not assume CSS animations exist in headless/embedded runtimes — detect first.","Provide a non-animated fallback path for unsupported browsers.","In tests, use a runner that implements CSS animations or stub module.is.supported()."],"tags":["transition","browser-support","feature-detection"],"backgroundTag":null,"analyzedSha":"597843ab84d565cccfd8fd7719416350ae73e734","analyzedAt":"2026-08-13T01:44:23.827Z","schemaVersion":2},"datasetVersion":"2026-08-13T04:17:16.726Z"}