Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Textarea: Teller flyttet ut #2483

Merged
merged 5 commits into from
Nov 17, 2023
Merged

Textarea: Teller flyttet ut #2483

merged 5 commits into from
Nov 17, 2023

Conversation

HalvorHaugan
Copy link
Contributor

@HalvorHaugan HalvorHaugan commented Nov 16, 2023

(Ekstrahert fra PR #2457 som nå bare tar for seg autoScrollbar.)

https://github.com/navikt/team-aksel/issues/332
#2326
#2224
#2341

Endringer:

  • Flyttet teller ut av selve tekstfeltet.
  • Byttet fra aria-live til role=status på telleren av semantiske grunner. Ser ut til å funke like bra.
  • Fjernet eksport av Counter.
  • La til kodeeksempel med resize.

Copy link

changeset-bot bot commented Nov 16, 2023

🦋 Changeset detected

Latest commit: ac48de5

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/aksel-stylelint Patch
@navikt/aksel Patch
@navikt/ds-tokens Patch
@navikt/ds-tailwind Patch
@navikt/aksel-icons 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

Copy link
Contributor

github-actions bot commented Nov 16, 2023

Storybook demo

Endringer til review: 3

8c762adcc | 61 komponenter | 398 stories

size: TextareaProps["size"];
i18n: TextareaProps["i18n"];
}
const Counter = ({ maxLength, currentLength, size, i18n }: CounterProps) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Counter kan sikkert flyttes ut i egen fil 📁

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

@KenAJoh
Copy link
Collaborator

KenAJoh commented Nov 17, 2023

Husker ikke i hvor lett/om det kan løses, men har det vært mulig å legge på border-radius rundt scrollbar her? (Egentlig en egen task, så kan ignoreres for denne PR-en hvis det ikke er en rask fix!)

Screenshot 2023-11-17 at 11 14 37 Screenshot 2023-11-17 at 11 14 41

Vært nice med en demo av counter + error under "Error"-stories
Screenshot 2023-11-17 at 11 15 05

@HalvorHaugan
Copy link
Contributor Author

Oppdatert Error-story.
Har ikke funnet noen enkel måte å få border-radius på scrollbar. Tror man enten må gå helt over til "custom styled" scrollbar, eller wrappe textarea i en div og sette border og sånn der.

@HalvorHaugan HalvorHaugan merged commit d3c0052 into main Nov 17, 2023
3 checks passed
@HalvorHaugan HalvorHaugan deleted the textarea-move-counter branch November 17, 2023 10:46
@github-actions github-actions bot mentioned this pull request Nov 17, 2023
@HalvorHaugan
Copy link
Contributor Author

Testet wrappe-metoden, men fikk ikke wrapperen til å følge bredden til textarea når man resizer den smalere. Må eventuelt løses med JS, og da tenker jeg at det kanskje ikke er verdt kompleksiteten.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants