Revert "får ikke focus() til å funke på readmore, fjern foreløpig"

Author: bdahle

src/components/parts/read-more/ReadMorePart.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { ReadMore } from '@navikt/ds-react';
 import { EditorHelp } from 'components/_editor-only/editor-help/EditorHelp';
 import { ParsedHtml } from 'components/_common/parsed-html/ParsedHtml';
@@ -7,6 +7,7 @@ import { Shortcuts, useShortcuts } from 'utils/useShortcuts';
 import { PartComponentProps, PartType } from 'types/component-props/parts';
 import { ProcessedHtmlProps } from 'types/processed-html-props';
 import { classNames } from 'utils/classnames';
+import { handleStickyScrollOffset } from 'utils/scroll-to';
 
 import defaultHtml from 'components/_common/parsed-html/DefaultHtmlStyling.module.scss';
 import styles from './ReadMorePart.module.scss';
@@ -18,6 +19,8 @@ export type PartConfigReadMore = {
 
 export const ReadMorePart = ({ config }: PartComponentProps<PartType.ReadMore>) => {
     const [isOpen, setIsOpen] = useState(false);
+    const divRef = useRef<HTMLDivElement | null>(null);
+
     useShortcuts({
         shortcut: Shortcuts.SEARCH,
         callback: () => setIsOpen(true),
@@ -28,6 +31,8 @@ export const ReadMorePart = ({ config }: PartComponentProps<PartType.ReadMore>)
     }
 
     const openChangeHandler = (isOpening: boolean, tittel: string) => {
+        handleStickyScrollOffset(isOpening, divRef.current);
+
         setIsOpen(isOpening);
         logAmplitudeEvent(isOpening ? AnalyticsEvents.ACC_EXPAND : AnalyticsEvents.ACC_COLLAPSE, {
             tittel,
@@ -39,15 +44,17 @@ export const ReadMorePart = ({ config }: PartComponentProps<PartType.ReadMore>)
     const { title, html } = config;
 
     return (
-        <ReadMore
-            header={title}
-            open={isOpen}
-            onOpenChange={(isOpen) => openChangeHandler(isOpen, title)}
-            className={styles.readMore}
-        >
-            <div className={classNames(defaultHtml.html, 'parsedHtml')}>
-                <ParsedHtml htmlProps={html} />
-            </div>
-        </ReadMore>
+        <div tabIndex={-1} ref={divRef}>
+            <ReadMore
+                header={title}
+                open={isOpen}
+                onOpenChange={(isOpen) => openChangeHandler(isOpen, title)}
+                className={styles.readMore}
+            >
+                <div className={classNames(defaultHtml.html, 'parsedHtml')}>
+                    <ParsedHtml htmlProps={html} />
+                </div>
+            </ReadMore>
+        </div>
     );
 };