{"record":{"id":"9e3418a363d45c11","repo":"facebook/react","slug":"you-are-attempting-to-scroll-a-fragmentinstance-th","errorCode":null,"errorMessage":"You are attempting to scroll a FragmentInstance that is only mounted inside a detached DocumentFragment. No scroll was performed.","messagePattern":"You are attempting to scroll a FragmentInstance that is only mounted inside a detached DocumentFragment\\. No scroll was performed\\.","errorType":"console","errorClass":null,"httpStatus":null,"severity":"error","filePath":"packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js","lineNumber":3703,"sourceCode":"        targetFiber,\n      );\n      // If the parent host fiber is a HostRoot, the target is a Container\n      // which is not necessarily an Element with a scrollIntoView method.\n      if (target.nodeType === DOCUMENT_NODE) {\n        // A Document is always in view.\n      } else if (target.nodeType === DOCUMENT_FRAGMENT_NODE) {\n        const fragment = target as any as DocumentFragment;\n        // ShadowRoot always has a host: https://dom.spec.whatwg.org/#ref-for-concept-documentfragment-host%E2%91%A5\n        // A generic DocumentFragment doesn't implement this property but conceptually\n        // host is a nullable Element: https://dom.spec.whatwg.org/#concept-documentfragment-host\n        const host =\n          'host' in fragment ? (fragment as any as ShadowRoot).host : null;\n        if (host !== null) {\n          // The ShadowRoot's host element marks the position where the\n          // fragment's content would appear.\n          host.scrollIntoView(alignToTop);\n        } else if (__DEV__) {\n          console.warn(\n            'You are attempting to scroll a FragmentInstance that is only ' +\n              'mounted inside a detached DocumentFragment. No scroll was ' +\n              'performed.',\n          );\n        }\n        return;\n      } else {\n        // Narrowed down to Element by nodeType check above, but Flow doesn't know that.\n        const element = target as any as Element;\n        element.scrollIntoView(alignToTop);\n      }\n    }\n\n    let i = resolvedAlignToTop ? children.length - 1 : 0;\n    while (i !== (resolvedAlignToTop ? -1 : children.length)) {\n      const child = children[i];\n      // For text nodes, use Range API to scroll to their position\n      if (enableFragmentRefsTextNodes && child.tag === HostText) {","sourceCodeStart":3685,"sourceCodeEnd":3721,"githubUrl":"https://github.com/facebook/react/blob/eafeac097ba51e1eab809c07102126bd5f8e5425/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js#L3685-L3721","documentation":"Error \"You are attempting to scroll a FragmentInstance that is only mounted inside a detached DocumentFragment. No scroll was performed.\" thrown in facebook/react.","triggerScenarios":"Thrown at packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js:3703 when the library encounters an invalid state.","commonSituations":"See trigger scenarios.","solutions":[],"exampleFix":null,"handlingStrategy":null,"validationCode":null,"typeGuard":null,"tryCatchPattern":null,"preventionTips":[],"tags":[],"backgroundTag":null,"analyzedSha":"eafeac097ba51e1eab809c07102126bd5f8e5425","analyzedAt":"2026-08-21T22:01:08.818Z","schemaVersion":2},"datasetVersion":"2026-08-21T23:17:16.201Z"}