search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.89k stars 6.97k forks source link

[Bug Report][3.6.8] No item matches when all headers use custom filter #19970

Open hitochan777 opened 5 months ago

hitochan777 commented 5 months ago

Environment

Vuetify Version: 3.6.8 Vue Version: 3.4.27 Browsers: Chrome 125.0.0.0 OS: Linux x86_64

Steps to reproduce

Use filter key for all headers in v-data-table.

Expected Behavior

Items should match according to filter functions.

In the current doc of Vuetify 3, it says intersection: There is at least one match from the custom filter, and all columns match the custom key filters. I am using default filter-mode which is intersection so the behavior seems to follow what the docs says. However, in the doc of Vuetify2, it says intersection: There is at least one match from the default filter, AND all custom column filters match. If I understand correctly, they are supposed to behave the same if I don't specify custom filter and let it use default filter.

One workaround is to use every for filter-mode, but I just want to know if the current behavior is intentional or not . If it is intentional it would be better if the documentation gets more clarification.

Actual Behavior

No item matches even when there are actually matches. In Vuetify2, they matches properly.

Reproduction Link

Vuetify2 Vuetify3

partment commented 5 months ago

When all columns use custom filter, have to use filter-mode="union" to match properly. On the other hand, If at least one column don't use custom filter, use the default filter-mode which is intersection to match properly. Quite frustrating when migrating from v2.