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

fix(search): Always show search bars #3089

Draft
wants to merge 1 commit into
base: release-2.9
Choose a base branch
from

Conversation

johncowen
Copy link
Contributor

@johncowen johncowen commented Oct 23, 2024

This PR hoists all search/toolbars out of AppCollection and the DataLoader/Collections to its own "standalone component". Meaning it is always visible, throughout loading/erroneous and empty states.


There is a little CSS repetition here, but I hope to add a XLayout component pretty soon which I hope will cover this at some point.

Note I also took the <search> out of FilterBar and used it at the "call site" instead, in some places the search should contains the select also.

Closes #2981

Copy link
Contributor Author

@johncowen johncowen left a comment

Choose a reason for hiding this comment

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

Notes:

:row="row as Row"
:row-value="rowValue"
/>
</template>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

We no longer need the toolbar slot within AppCollection

@@ -1,7 +1,7 @@
<template>
<KInput
:model-value="props.value"
@input="(e: string) => e.length === 0 ? emit('change', e) : change(e)"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I noticed that on hitting Escape on the input field the length would be zero, meaning the non-debounced change would fire. This would cause a tiny UX issue with the text in the field. So I decided to remove the check for "" in order to fire a debounced change.

@johncowen johncowen marked this pull request as ready for review October 23, 2024 11:27
@johncowen johncowen requested a review from a team as a code owner October 23, 2024 11:27
@johncowen johncowen self-assigned this Oct 23, 2024
@johncowen johncowen marked this pull request as draft October 23, 2024 12:48
@johncowen johncowen removed their assignment Oct 23, 2024
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.

1 participant