{"record":{"id":"d0bdc3bfd61345a3","repo":"Semantic-Org/Semantic-UI","slug":"activated-tab-cannot-be-found-tabs-are-case-sensi","errorCode":null,"errorMessage":"Activated tab cannot be found. Tabs are case-sensitive.","messagePattern":"Activated tab cannot be found\\. Tabs are case-sensitive\\.","errorType":"console","errorClass":null,"httpStatus":null,"severity":"error","filePath":"src/definitions/modules/tab.js","lineNumber":925,"sourceCode":"  cacheType       : 'response', // Whether to cache exact response, or to html cache contents after scripts execute\n  ignoreFirstLoad : false,      // don't load remote content on first load\n\n  apiSettings     : false,      // settings for api call\n  evaluateScripts : 'once',     // whether inline scripts should be parsed (true/false/once). Once will not re-evaluate on cached content\n\n  onFirstLoad : function(tabPath, parameterArray, historyEvent) {}, // called first time loaded\n  onLoad      : function(tabPath, parameterArray, historyEvent) {}, // called on every load\n  onVisible   : function(tabPath, parameterArray, historyEvent) {}, // called every time tab visible\n  onRequest   : function(tabPath, parameterArray, historyEvent) {}, // called ever time a tab beings loading remote content\n\n  templates : {\n    determineTitle: function(tabArray) {} // returns page title for path\n  },\n\n  error: {\n    api        : 'You attempted to load content without API module',\n    method     : 'The method you called is not defined',\n    missingTab : 'Activated tab cannot be found. Tabs are case-sensitive.',\n    noContent  : 'The tab you specified is missing a content url.',\n    path       : 'History enabled, but no path was specified',\n    recursion  : 'Max recursive depth reached',\n    legacyInit : 'onTabInit has been renamed to onFirstLoad in 2.0, please adjust your code.',\n    legacyLoad : 'onTabLoad has been renamed to onLoad in 2.0. Please adjust your code',\n    state      : 'History requires Asual\\'s Address library <https://github.com/asual/jquery-address>'\n  },\n\n  metadata : {\n    tab    : 'tab',\n    loaded : 'loaded',\n    promise: 'promise'\n  },\n\n  className   : {\n    loading : 'loading',\n    active  : 'active'\n  },","sourceCodeStart":907,"sourceCodeEnd":943,"githubUrl":"https://github.com/Semantic-Org/Semantic-UI/blob/597843ab84d565cccfd8fd7719416350ae73e734/src/definitions/modules/tab.js#L907-L943","documentation":"Semantic UI Tab error logged at tab.js:404 when the tab path activated (via click, programmatic 'change tab', or history) has no matching tab element in the DOM. Tab paths are case-sensitive, so 'Settings' != 'settings'.","triggerScenarios":"A nav item with data-tab=\"profile\" is clicked, but no element with data-tab=\"profile\" (or #tab-profile, depending on config) exists in the DOM. Also triggered by typos, casing differences, or stale references after a DOM rebuild.","commonSituations":"SPA dynamic content where the tab pane hasn't been rendered yet; mismatched data-tab attributes between nav and pane; copy-paste casing errors (Profile vs profile); leftover history entries pointing at removed tabs.","solutions":["Verify the data-tab attribute on the nav item exactly matches (case included) the data-tab on the target pane.","Render the target tab pane before activating it (or wire up the remote loading path).","Clear browser history state if stale paths are being reactivated."],"exampleFix":"// before\n<a data-tab=\"Profile\"> ... </a>\n<div data-tab=\"profile\"></div>\n// after\n<a data-tab=\"profile\"> ... </a>\n<div data-tab=\"profile\"></div>","handlingStrategy":"validation","validationCode":"function tabTargetsExist(navSel) {\n  var ok = true;\n  document.querySelectorAll(navSel + ' [data-tab]').forEach(function(el){\n    var path = el.getAttribute('data-tab');\n    if (!document.querySelector('[data-tab=\"' + CSS.escape(path) + '\"]')) {\n      console.error('Missing tab pane for data-tab=\"' + path + '\"'); ok = false;\n    }\n  });\n  return ok;\n}","typeGuard":"function hasMatchingPane(path) {\n  return document.querySelectorAll('[data-tab=\"' + path + '\"]').length > 0;\n}","tryCatchPattern":null,"preventionTips":["Treat data-tab paths as case-sensitive; standardize on lowercase.","Render target panes before activating their tab.","Add a startup check that every nav data-tab has a matching pane."],"tags":["semantic-ui","tab","missing-element","case-sensitivity"],"backgroundTag":null,"analyzedSha":"597843ab84d565cccfd8fd7719416350ae73e734","analyzedAt":"2026-08-13T01:44:23.827Z","schemaVersion":2},"datasetVersion":"2026-08-13T04:17:16.726Z"}