-
Notifications
You must be signed in to change notification settings - Fork 188
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
Resolves KCheckbox issues selecting all items in trash modal #4526
Conversation
This is related to #4510 |
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.
Hi @joeysantia 👋 Apologies for the delay in following up on this PR. The change seems to be correct, I just left a note about a specific case we can fix, and after that it should be good to go 👐.
@@ -23,10 +23,10 @@ | |||
<VLayout v-if="props.header.selectAll" row align-center> | |||
<VFlex shrink> | |||
<Checkbox | |||
:value="Boolean(selected.length)" | |||
:value="selected.length === items.length" |
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.
To explicitly pass the boolean checkbox value, we need to use the prop inputValue
instead. Without this, we have this issue: when all items are selected, the checkbox doesnt appear as selected.
Compartir.pantalla.-.2024-05-17.07_37_58.mp4
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.
Ah I see ! I'll make that change
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.
Thank you! @joeysantia LGTM! It seems to be fixed now 🎉.
Summary
Description of the change(s) you made
Changed the
@change
property in TrashModal.vue to@input
and changed the value of the checkbox to reflect whether all items are selected (e.g. value is falsy Boolean if not all items are selected). Edited the TrashModal tests to reflect this implementationManual verification steps performed
@change
to@input
@input
propertyReviewer guidance
How can a reviewer test these changes?
Contributor's Checklist
Testing:
Reviewer's Checklist
This section is for reviewers to fill out.
yarn
andpip
)