Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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
Table component: adding click event on expandable table rows #2127
Table component: adding click event on expandable table rows #2127
Changes from 4 commits
0ec2ca9
689e572
5bc0d1d
5933b30
62e684f
77bcc12
52fcdf3
5795ca1
d224eec
7412fc1
9d8ab27
4e610e7
14465d8
File filter
Filter by extension
Conversations
Jump to
There are no files selected for viewing
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Laget en interaktiv demo (kan ses i storybook) for et av problemene som har stoppet oss fra denne oppdateringen tidligere:
I tilfeller der man har andre interaktive elementer som eks lenker, checkboxer eller knapper ønsker vi at man ikke skal åpne raden ved klikk på dem. Dette kan kanskje også videreføres til at raden ikke skal åpnes hvis man ønsker å eks kopiere noe tekst, men ikke sikker på den.
Arbeidet stoppet litt opp med å finne en god løsning på dette, men kan hende alt man trenger er å sjekke
document.activeElement
🤞 Vært helt mega å finne en god løsning på dette da jeg vet mange ønsker seg denne featuren 🙌There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Takk for eksemplet.
Eventet vil per default spre seg videre ja. Dersom de interaktive elementene skal hindre eventet til å gå videre til raden må det ansvaret være på dem. Jeg la til en
event.stopPropagation
i click-handlere på bådeButton
ogCheckbox
i eksempelet.Jeg kommenterte også ut "play" bitten slik at alerts ikke kjører med en gang.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🐡 Update: Har lagt til en ny commit igjen nå, hvor jeg fjerner
stopPropagation
fra elementene i storyen, og istedet legger til logikk på selve ExpandableRow for å kun ekspande ved behov (Dvs når den registrerer klikk på selve raden,eller ekspandable-knappen, men ikke ellers). Se linje73-89
.🍄 Det kan være en mer robust løsning som gjør at konsumentene ikke behøver å forholde seg til propagation i det hele tatt.