🎨 Popover legger seg nå ikke over Input i Datepicker

[KenAJoh]

Description

Resolves #2345

Legger til prop flip som kan enable/disable Popover-funksjonalitet der floating-element "flipper" plassering til over/under anchor basert på hvor det er best plass.

I tilfellene der Datepicker blir brukt kan dette være problematisk da toppen av Datepicker i noen tilfeller kan havne bak scroll. På mobil er dette også et problem da hvis man trykker på DateInput vil et mobiltastatur dukke opp å ta ~40% av skjermhøyden. Datepicker Popover vil da kunne flyttes over inputfelt å føre til flere layoutshifts

Edit
Testet dagens løsning uten dette implementert på Android og er ganske krise:

• Klikk på DatepickerInput åpner Popover under
• 100ms senere dukker mobil-keyboard opp og Popover legges over Input
• ~300ms etter det scroller vinduet automatisk for å sentrere Input og Popover legges under igjen

Alt dette er native android-funksjonalitet, kan hende IOS håndterer det litt annerledes

Så 3 større layout-endringer på under sekundet. Satser på PR-en her løser det 🤞

[changeset-bot]

🦋 Changeset detected

Latest commit: 91d1e3e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 7 packages

Name	Type
@navikt/ds-react	Patch
@navikt/ds-css	Patch
@navikt/ds-tokens	Patch
@navikt/ds-tailwind	Patch
@navikt/aksel-icons	Patch
@navikt/aksel	Patch
@navikt/aksel-stylelint	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Storybook demo

b1eaaba39 | 59 komponenter | 385 stories

[HalvorHaugan]

Ser ut til å funke bra både på Android og iOS!

Eneste ulempen jeg ser at at hvis man har scrollet slik at datepickeren ligger nederst i viewport, ser man ikke at det dukker opp en popover nedenfor. Men dette er trolig en veldig edge case. Kunne eventuelt vurdert å scrollIntoView, men det kan jo ev. ha andre ulemper.

[HalvorHaugan]

"over" kan misforstås som "oppå". Hva med "ovenfor"?

[frodehansen2]

@KenAJoh Denne fiksen lager litt trøbbel dersom DatePicker ligger inne i en Modal, da klarer ikke bruker å scrolle ned for å se hele kalenderen. Legger ved bildet som viser hvordan det ser ut i én av våre modaler. Jeg har scrollet så langt ned som jeg kommer. Det virker til at kalenderen ikke blir regnet med som innhold i dialogen, og scrollen i dialogen inkluderer da ikke kalenderen.