diff --git a/@navikt/core/react/src/form/combobox/FilteredOptions/useVirtualFocus.ts b/@navikt/core/react/src/form/combobox/FilteredOptions/useVirtualFocus.ts index 2f97eadeae..eabfcf36bb 100644 --- a/@navikt/core/react/src/form/combobox/FilteredOptions/useVirtualFocus.ts +++ b/@navikt/core/react/src/form/combobox/FilteredOptions/useVirtualFocus.ts @@ -45,6 +45,8 @@ const useVirtualFocus = ( const setActiveAndScrollToElement = (element?: HTMLElement) => { setActiveElement(element); + // eslint-disable-next-line no-console + console.log("scrolling to element", element); element?.scrollIntoView?.({ block: "nearest" }); }; diff --git a/@navikt/core/react/src/form/combobox/combobox.stories.tsx b/@navikt/core/react/src/form/combobox/combobox.stories.tsx index 0761c0c8ed..6646bd5597 100644 --- a/@navikt/core/react/src/form/combobox/combobox.stories.tsx +++ b/@navikt/core/react/src/form/combobox/combobox.stories.tsx @@ -3,9 +3,11 @@ import React, { useEffect, useMemo, useRef, useState } from "react"; import { Alert } from "../../alert"; import { Button } from "../../button"; import { Chips } from "../../chips"; +import { Page } from "../../layout/page"; import { VStack } from "../../layout/stack"; import { Modal } from "../../modal"; -import { BodyLong } from "../../typography"; +import { BodyLong, Heading } from "../../typography"; +import { Textarea } from "../textarea"; import { TextField } from "../textfield"; import { ComboboxProps, UNSAFE_Combobox } from "./index"; @@ -578,3 +580,40 @@ Chromatic.parameters = { disable: false, }, }; + +export const InAFullPage: StoryFn = () => { + return ( + + + + + Multiselect komboboks + + + Multiselect kan brukes til å velge flere alternativer samtidig. + Dette er nyttig i situasjoner hvor brukeren trenger å gjøre flere + valg fra en liste med alternativer. + + + + + + + + + +