21 Replies
Not for me on latest version (or any before that). Refresh cache?
not helping I tried cache:clear , view:clear
I'm using v3.0.98
can you reproduce on a new project? If so, it might be a bug, but I doubt it and am quite certain it's some caching issue with you locally or the server. Does it also occur in a different browser or incognito mode?
will try with another project and yes it happens on incognito
npm run build?
tried that too didn't work.
Do you have views published or a custom theme?
have custom theme
Did you recompile it?
yes did everything
cache clear, npm run build
Can you debug the HTML? Are there classes missing? the upper one should be hidden for desktop screen size. Check why it's not happening
the upper one has classes
fi-pagination-records-per-page-select fi-compact
and here's the pagination css: .fi-pagination-overview {
display: none;
}
.fi-pagination-records-per-page-select:not(.fi-compact) {
display: none;
}
.fi-pagination-items {
display: none;
}
@supports (container-type: inline-size) {
.fi-pagination {
container-type: inline-size;
}
@container (min-width: 28rem) {
.fi-pagination-records-per-page-select.fi-compact {
display: none;
}
.fi-pagination-records-per-page-select:not(.fi-compact) {
display: inline;
}
}
@container (min-width: 56rem) {
.fi-pagination:not(.fi-simple)>.fi-pagination-previous-btn {
display: none;
}
.fi-pagination-overview {
display: inline;
}
.fi-pagination:not(.fi-simple)>.fi-pagination-next-btn {
display: none;
}
.fi-pagination-items {
display: flex;
}
}
}
@supports not (container-type: inline-size) {
@media (min-width: 640px) {
.fi-pagination-records-per-page-select.fi-compact {
display: none;
}
.fi-pagination-records-per-page-select:not(.fi-compact) {
display: inline;
}
}
@media (min-width: 768px) {
.fi-pagination:not(.fi-simple)>.fi-pagination-previous-btn {
display: none;
}
.fi-pagination-overview {
display: inline;
}
.fi-pagination:not(.fi-simple)>.fi-pagination-next-btn {
display: none;
}
.fi-pagination-items {
display: flex;
}
}
}Can you see why both are showing at the same time?
worked fine after adding these classes manually
any ideas?
?
I just checked out the latest version and checked the dev tools. It should have this rule which should hide the first one.
How to fix this issue? all happened after updating to latest version
Did you run
php artisan filament:upgrade?no
It should be added to your composer scripts. Check if it's there, otherwise add it as mentioned in the docs.
Does it solve the issue?
it's already there.
I did run both npm run build and php artisan filament:upgrade. Still not resolved.